membuat header 1 kolom jadi 3 kolom

sebelumnya saya jelaskan dulu apa itu header,header adalah halaman paling bawah dari situs blog kita biasanya berada diatas tulisan copyright by....nan uda sedikit pahamkan kalau gitu kita langsung kepokok permasalahan aja.

buka tataletak--->edit html--->centang/ceklis Expand Template Widget--->lalu cari kode berikut ini : ]]></b:skin> lalu letakan kode dibawah ini persis diatas kode ]]></b:skin> tersebut

/* -------------- * FOOTBAR * ------------------- */

#footbar { margin-top:15px; padding:7px; background:$footbarbgcolor; border:1px solid $footbarbdcolor}
#footbar-a { float:left; width:310px }
#footbar-b { float:left; margin-left:17px; width:310px }
#footbar-c { float:right; width:310px }

#footbar .widget { background:none }
#footbar .widget h2 { background-color:#56caca; }
#footbar .widget-content { background:transparent }

langkah selanjutnya cari lagi kode ini <b:section class='footer' id='footer' preferred='yes'/> atau bila tidak ketemu cari kode ini <b:section class='footbar-div' id='footbar-1' preferred='yes'> lalu letakan kode dibawah ini persis diatas kode yang telah kita cari tadi

<div id='footbar'>
<div class='clear'>&#160;</div>
<div id='footbar-a'>

<b:section class='footbar-div' id='footbar-1' preferred='yes'>
</b:section>
</div>
<div id='footbar-b'>

<b:section class='footbar-div' id='footbar-2' preferred='yes'>

</b:section>
</div>
<div id='footbar-c'>

<b:section class='footbar-div' id='footbar-3' preferred='yes'/>
</div>
</div>

serti biasa setelah lakukan hal diatas save/simpan template anda dan lihat hasilnya pasti sesuai keinginan kita.

semua tutorial yang dibuat diblog ini sudah dilakukan pengujian dan 100% berhasil,jika ingin mengcopy artikel ini keblog anda sertakan alamat blog ini

Artikel Menarik Lainnya: