Cara Menambah 2 Kolom Dibawah Header

   Cara Menambah 2 Kolom Dibawah Header - Kali ini saya share mengenai tutorial blog, tutorialnya yaitu Cara Menambah 2 Kolom Dibawah Header. Terkadang design template kita tidak memiliki 2 Kolom atau 2 Add Gadget di bawah header namun dengan tutorial Cara Menambah 2 Kolom Dibawah Header, itu akan menjadikan template blog anda memiliki 2 Kolom dibawah header. So tidak ada kata tidak bisa sebelum kita berusaha untuk menemukannya. Ok langsung saja kita menuju topik Cara Menambah 2 Kolom Dibawah Header, sebagai berikut :




1. Login Blogger anda
2. Pilih Rancangan dan Kemudian Pilih Edit HTML
3. Saya anjurkan anda Download Template Lengkap anda terlebih dahulu
4. Kemudian Centang  Expand Template Widget
5. CTRL+ F dan cari kode ]]></b:skin>
6. Setelah itu copas kode dibawah ini sebelu kode ]]></b:skin>

#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }

7.Setelah itu cari kode <div id='main-wrapper'> atau <div id="main-outer"> 
8.Setelah itu copas kode dibawah ini diatas kode <div id='main-wrapper'> atau <div id="main-outer"> 

</div>
<div id='box-kolom-widget'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='box2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>


9. Dan yang terakhir save template

   Nah begitulah sobat mengenai Cara Menambah 2 Kolom Dibawah Header, saya berharap anda berhasil dalam menerapkan tutoroial ini di blog anda. Saya ucapkan sekian terimakasih. salam sukses selalu :)
Terimakasih anda telah membaca artikel Cara Menambah 2 Kolom Dibawah Header Silahkan baca artikel Yepi Share Everything Tentang | Yang lainnya. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
Jangan Lupa Gabung Bersama Kami Dengan Like Facebook Di Bawah Ini :

3 komentar:

Rasito Rasta mengatakan...

Saya tidak menemukan kode div id='main-wrapper' atau div id="main-outer" pada template blog saya

will123 mengatakan...

Makasih gan hehehe . . .

Black Cobra 313 mengatakan...

pengene langsung di coba gan... blogwlkng dlu yuk lanagsung k TKP saya

Posting Komentar

Jangan lupa tinggalkan komentar anda disini dan gunakan kata-kata yang bijak dalam berkomentar. Dilarang keras memasukkan segala bentuk link dalam komentar, karena itu dianggap SPAM