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.
Previous
Next Post »

13 komentar

Klik Disini Untuk komentar
17 January 2016 at 13:50 ×

thanks gan sangat membantu (y)

Reply
avatar
Dafi-Anime
admin
17 January 2016 at 13:51 ×

Thanks gan,,Ini bisa nambah iklan gak gan,,yang ukuran 480x170?

Reply
avatar
DAENG HERU
admin
17 January 2016 at 13:52 ×

tnk gan atas tutorial iyeee sangat membantu sekali

Reply
avatar
Ari Hamzah
admin
17 January 2016 at 14:00 ×

ijin nyoba gan :) makasih

Reply
avatar
Fabio Handi
admin
17 January 2016 at 14:02 ×

gunanya add gadget apa gan?

Reply
avatar
17 January 2016 at 14:09 ×

Ini yang ane cari gan, thx bgt

Reply
avatar
Defi Purnama
admin
17 January 2016 at 14:12 ×

Thanks gan, ini sangat memabntu kita semua :)

Reply
avatar
Zeyn Mutaqin
admin
17 January 2016 at 14:20 ×

Mantap Gan Artikelnya isinya sangat bermanfaat sekali :)

Reply
avatar
17 January 2016 at 14:26 ×

ijin praktekin ke blog gan sangat bermanfaat hehe

Reply
avatar
17 January 2016 at 14:29 ×

sudah diterpkan n berhasil 100% tq so much bang

by dedi mitsubishi

Reply
avatar
19 January 2016 at 20:30 ×

nice gan izin praktek yaah

Reply
avatar

PERATURAN BERKOMENTAR :
✔ Relevan
✔ Sopan
✖ Link Aktif
✖ Spam
✖ Diluar Topik / OOT ! ConversionConversion EmoticonEmoticon