Membuat Kolom Witget di Atas atau Bawah Post Body

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

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


Ini caranya :

1. Login Ke blogger sobat,
2. Masuk Ketemplate >> Edit HTML,
3. Cari (Crtl + F) code  ]]></b:skin> ,
4. Copy dan Paste code dibawah ini diatas code ]]></b:skin> (ingat diatas) ,

code

    #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;
    }

5. Save Template sobat

    - Tahap pertama sudah beres
    - Tahap selanjuatnya sebagai berikut

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

code

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

7. Seve Kembali Template sobat

8. Lalu sobat buka menu Layout (Tata Letak) di bloger sobat F5 (Refrese) lihat hasilnya 2 kolom baru diatas body posts,

Untuk Menambahkan Kolom dibawah Body Posts

1. Masuk Ke Template >> Edit HTML kembali
2. Cari code (Crtl + F)  <div id='main-wrapper'>

code

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

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

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

Hasilnya akan seperti 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 tambahan sudah muncul di atas atau di bawah Blog Posts. Anda tinggal menambahkan (Add Gadget) di sana untuk mengisinya dengan apa saja yang bisa dimunculkan di sidebar widget.

 

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