Tutorial Blog Bagian 3

Setelah dua posting saya sebelumnya menjelaskan Bangun Struktur  sebuah Blog (Tutorial Blog Bagian 1) lalu dilanjutkan dengan Kode-kode Penyusun sebuah Blog (Tutial Blog Bagian 2), Nah pada posting kali ini saya akan mencoba memaparkan fungsi dari kode-kode yang membangun sebuah blog.

Banyak sekali kode yang membentuk sebuah blog. Bila dijelaskan satu persatu akan panjang sekali pembahasannya. Tapi sebagai ilustrasi kita mulai dari "Header" atau judul blog.

Misalkan anda akan membuat sebuah Header sebuah Blog, lebarnya 600px, dan tingginya 160px (px singkatan dari pixel). kita menggunakan huruf "Arial" dengan ukuran 200px dan warna bacground biru dan warna huruf putih serta penulisan dari tepi kiri dengan jarak 20px, bagaimana ya kira-kira membuat kodenya:

Begini kodenya:

<div style="background: green; color: white; font-size: 200%; font: arial; height: 160px; padding-left: 20px; text-align: justify; wide: 600px;">

JUDUL BLOG ANDA

</div>

Dan ini hasilnya:

JUDUL BLOG ANDA

Keterangan :
background= warna latar belakang  ( green=hijau, red=merah black=hitam,  atau #E0ECF8 = biru muda dan warna lainnya)
color= warna huruf ( green=hijau, red=merah black=hitam,  atau #E0ECF8 = biru muda dan warna lainnya)
font-size= Ukuran huruf
font= Jenis huruf ( arial , Helevatica dll)
height= tinggi kotak Header
padding-left:= Jarak teks dari tepi kiri  (bisa menggunakan top,bottom dan right)
text-align=: justify (perataan teks bisa menggunakan left,center, right)
wide = Lebar kotak Header

Coba anda tambahkan kode dibawah ini dan lihat hasilnya:

border: 4px solid #B4045F (Membuat kotak border merah dengan ketebalan 2 px)
font-weight:800 (Ketebalan font)

JUDUL BLOG ANDA

Demikian  dulu yang dapat saya jelaskan dalam posting kali ini. Bila ada kritik dan saran silahkan komentar anda. Bye