Cara Cepat Membuat 3 Kolom dibawah Header

Download
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.


Caranya sangat mudah, yaitu :

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…

Semoga bermanfaat
Download

2 comments:

agus_blogger said...

gak ada perubahan ni gan...




====================
www.trik-bebas.co.cc

SMAN 1 TALAWI said...

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

◄ Posting Baru Posting Lama ►

TUTORIAL DOWNLOAD

1. Klik DOWNLOAD
2. Tunggu 5 detik
3. Klik SKIP AD / SKIP dpojok kanan atas

Masukan email kamu & dapatkan update software terbaru..!

Related Posts Plugin for WordPress, Blogger...
 

Google+ Followers

Members

Copyright © 2012. ARVINEVA'S BLOG - All Rights Reserved B-Seo Versi 4 by Blog Bamz