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
-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;
width:auto;
}
margin:4px;
}
#ataspost{ /*kolom widget di atas post*/
width:auto; /*lebar kolom*/
margin:4px;
}
#bawahpost{ /*kolom widget di bawah post*/
width:auto; /*lebar kolom*/margin:4px;
}
#bawahpost{ /*kolom widget di bawah post*/
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>
<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>
<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: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>
<div id='kolom'>
<b:section class='bawahpost' id='bawahpost'/>
</div>
</div>
d. Save Temaplate
5. Pergi ke Tata Letak untuk melihat perubahan
5. Pergi ke Tata Letak untuk melihat perubahan
