Cara Menambah Dua Kolom Widget di Bawah atau di Atas Post Body Halaman Depan Blog

JIKA halaman depan (homepage) blog Anda terasa "monton", maka jadikan dia menarik dengan menambah dua kolom widget gres di bawah atau di atas blog posts (daftar posting terbaru) halaman depan.

Dua kolom itu dapat diisi posting terbaru per label (kategori), posting terpopuler, gambar, atau apa saja sebagamana halnya widget/gadget blog.

Ini caranya:
1. Template > Edit HTML
2. Cari (Ctrl + F) kode ]]></b:skin>
3. Copy + Paste instruksi berikut ini di atas instruksi  ]]></b:skin> tadi:

#Spicy Column h2{
font-size:13px;
font-weight:bold;
color:#B8002E;
border-bottom:2px solid #000000;
padding-left:5px;
}
#Spicy Column{
width:600px; /*Change width */
}
#Spiceleft{
width:295px; /*width of the left column*/
float:left;
margin:4px;
}
#Spiceright{
width:295px; /*width of the right column*/
float:right;
margin:4px;
}


Save Template! 
Tahap pertama selesai. 
Tahap berikutnya sebagai berikut:

Untuk menambah 2 kolom DI ATAS Post Body:
1. Cari (Ctrl + F) kode <div id='main-wrapper'> 
2. Copy + Paste instruksi berikut ini di atas instruksi <div id='main-wrapper'>

<div id='Spicy Column'>
<b:section class='Spiceleft' id='Spiceleft'/>
<b:section class='Spiceright' id='Spiceright'/>
</div>

3. Save!
4. Klik "Layout" dan Tekan F5 (Refresh) untuk melihat ada dua kolom gres di atas Blog Posts.

Untuk menambah 2 kolom DI BAWAH Post Body:
1. Cari (Ctrl + F) instruksi di bawah ini:

<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>
</div>


2. Tambahkan instruksi berikut ini sebelum instruksi sehabis instruksi </b:section> atau sebelum </div>

<div id='Spicy Column'>
<b:section class='Spiceleft' id='Spiceleft'/>
<b:section class='Spiceright' id='Spiceright'/>
</div>

Hasilnya akan ibarat ini:

<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>
<div id='Spicy Column'>
<b:section class='Spiceleft' id='Spiceleft'/>
<b:section class='Spiceright' id='Spiceright'/></div>
</div>

Save Template!

Kini mestinya dua widget pemanis sudah muncul di atas atau di bawah Blog Posts. Anda tinggal menambahkan (Add Gadget) di sana untuk mengisinya dengan apa saja yang dapat dimunculkan di sidebar widget.

Cara Menambah Dua Kolom Widget di Bawah atau di Atas Post Body Halaman Depan Blog Cara Menambah Dua Kolom Widget di Bawah atau Atas Post Body


Demikian cara Cara Menambah Dua Kolom Widget di Bawah atau Atas Post Body. Good Luck and Happy Blogging!


Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours