Cara membuat 3 kolom di bawah header blog

Bagi sobat ch1mplunk yang senang banget animasi blogger pasti sangat memerlukan tempat yang cukup banyak dan kadang tak tersedia di elemen laman kita apalagi sobat blogger yang suka sekali memasang iklan.Jangan khawatir pasti masih ada jalan ketika kita masih berusaha.

nah, di sini ch1mplunk.blog akan share sebuah tutorial blog yang sangat berguna bagi sobat yang ingin tampilan blognya kelihatan lebih rame......

contoh hasil elemen laman:

langsung saja ke proses editing:

Silahkan login ke blogger.
Lansung ke Tata Letak.
Pilih tab Edit HTML.
Jangan di klik Expand Template Widget, karena akan memusingkan anda bila di klik juga gak masalah.
Letakkan kode css berikut ini diatas kode ]]></b:skin>

Klik Untuk melihat

Cari kode yang mirip seperti ini, biasanya letaknya dibawah </head>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='JUDUL BLOG ANDA (Header)' type='Header'/>

</b:section>

</div>

Kemudian letakkan kode berikut ini tepat setelah kode diatas :

<b:section class='top' id='topleft' preferred='yes' showaddelement='yes'>

</b:section>

<b:section class='topcenter' id='topcenter' preferred='yes' showaddelement='yes'>

</b:section>

<b:section class='topright' id='topright' preferred='yes' showaddelement='yes'>

</b:section>

</div>

simpan template.

untuk keberhasilan pembuatan 3 kolom di bawah header ini tergantung dari template anda,apakah template anda compatible dengan css ini atau tidak,....

kebanyakan tutorial ini berjalan dengan baik.

semoga bermanaat,,,,,,,