Cara Menambahkan Kolom Add Gadget Dibawah Postingan

Cara Menambahkan Kolom Add Gadget Dibawah Postingan - Pada postingan kali ini saya akan membahas bagaimana cara menambahkan kolom add gadget dibawah postingan yang mana dengan cara yang simple dan tidak terlalu sulit bagi sobat blogger semuanya. Untuk membuatnya anda sedikit menambahkan kode CSS ke dalam Template blog anda.

Langkah-Langkahnya :

• Buka Dashboard Blog Anda
• Kemudian Pilih Template
• Selanjutnya Edit HTML
• Backup dulu Templatenya sobat agar saat terjadi kesalahan nantinya tidak merusak tampilannya blog sobat.
• Kemudian cari Code dibawah ini  :

#main-wrapper { width: 410px; float:$startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

• Tambahkan kode berikut ini tepat dibawah kode diatas :

#mainbottom { background:#ffffff; border:1px solid #0B610B; margin:0 0 0.5em; padding:0.5em; }

• Selanjutnya yaitu untuk membuat ID mainbottom nya. Cari kode dibawah ini:

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

• Kemudian tambahkan kode berikut di bawah :
  

  <b:section class='main' id='mainbottom' showaddelement='yes'/>

• Sehingga hasilnya seperti ini :

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

* Pastikan sobat mengikuti langkah demi langkah yang saya berikan seperti tutorial diatas.

Jika sudah yakin, silahkan klik Save Template. kemudian lihat deh hasilnya diblog sobat.

Demikian tutorialnya, semoga sukses.

Share this post