Cara Menambah Kolom Widget di Bawah atau Atas Post di Blog

Cara Menambah Kolom Widget di Bawah atau Atas Post di Blog

Penambahan kolom ini berguna untuk membuat tampilan blog lebih menarik,karena bisa diisi seperti:
-iklan
-slide gambar
-posting terpopuler
-apa saja yang berkaitan dengan widget/gadget pada blog.
Langsung saja ke TKP

1. Masuk ke blogger, pilih Template>Edit HTML.

2. Cari (Ctrl + F) kode ]]></b:skin>

3. Copy & Paste kode berikut ini tepat di atas kode  ]]></b:skin>

#kolom{
width:auto; 

}

#ataspost{ /*kolom widget di atas post*/

 width:auto; /*lebar kolom*/
margin:4px;
}
#bawahpost{ /*kolom widget di bawah post*/

 width:auto; /*lebar kolom*/
margin:4px;
}

4. menambah kolom di atas atau dibawah post.

    untuk menambah kolom di atas post

    a. Cari (Ctrl + F) kode <div id='main-wrapper'>  

    b. Copy & Paste kode berikut ini tepat di atas kode <div id='main-wrapper'>

<div id='kolom'>
<b:section class='ataspost' id='ataspost'/>
</div>

     c. Save Temaplate

    untuk menambah kolom di bawah post

    a. Cari (Ctrl + F) kode <div id='main-wrapper'>  

    b. Tambahkan kode berikut ini sebelum kode setelah kode </b:section> atau sebelum </div>

<div id='kolom'>
<b:section class='bawahpost' id='bawahpost'/>
</div>

     c. Contoh

 <div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> 

</b:widget>

</b:section> 
<div id='kolom'>
<b:section class='bawahpost' id='bawahpost'/>
</div>
</div>

      d. Save Temaplate

5. Pergi ke Tata Letak untuk melihat perubahan