Jika anda berselancar di Internet, mungkin anda akan menemukan blog yang mempunyai 3 kolom tepat dibawah header.Tampilannya terlihat lebih menarik dari pada template yang asli bawaan blogger. Pada posting kali ini, saya ingin berbagi kepada semua rekan blogger khususnya yang masih pemula seperti saya, tentang cara menambah 3 kolom / elemen dibawah heater.
1. Pada dasbor klik Tata Letak=> Edit HTML=> Cari kode berikut
]]></b:skin> . Letakkan kode dibawah ini diatas ]]></b:skin> :
#box-main-container { clear:both; } .box-column { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; } |
2. Kemudian cari kode </b:section>
pasang /paste kode berikut ini tapat dibawah </b:section> :
<div id='box-main-container'> <div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'> <b:section class='box-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='box-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div> |
3. Simpan template dan lihat hasilnya,. Mudah bukan??
4. Jangan lupa tinggalkan komentar ya…
2 comments:
gak ada perubahan ni gan...
====================
www.trik-bebas.co.cc
Ini baru paten tidak berbelit dan menyulitkan sebab yang memerlukan tidak mengerti jadi yang beri cara-cara separoh hati malah menyiksa.
Maunya para blogger meskipun sulit mendapatkan cara tapi hendaknya dapat memberi dengan praktis saja sperti cara The Author blog ini. X lagi Makasih < STAF TU >
Post a Comment