Home » » Cara Membuat 2 Kolom Dibawah Postingan Blog

Cara Membuat 2 Kolom Dibawah Postingan Blog

Cara Membuat 2 Kolom Dibawah Postingan Blog
 merupakan widget blog ini juga. Mungkin nanti saya akan bagikan semua widget yang saya pakai di blog Berbagi Yang Kudapat.

widget 2 kolom

Apa guna widget 2 kolom dibawah postingan ini? Ada banyak kegunaannya, salah satunya yaitu untuk memasang iklan seperti pada blog ini. Ada juga yang digunakan untuk memasang widget Facebook Like Box dan masih banyak kegunaan lainnya.

Berikut langkah-langkah untuk Membuat 2 Kolom Dibawah Postingan Blog :

Buka blogger > dashboard > template > edit HTML jangan lupa centang Expand Template Widget
Cari kode ]]></b:skin> gunakan CTRL + F dan pastekan ]]></b:skin> kedalam kotak untuk mempermudah pencarian.
Letakkan kode berikut diatas kode ]]></b:skin>

.isorpost { margin:10px 0px 10px 0px; padding:5px 0; clear:both; }
.isorkiri { float:left; width:265px; margin-right:5px; }
.isorkanan { float:right; width:300px; }

Lanjut Cari kode
<div class='post-footer-line post-footer-line-2'> 
Bila tidak ada temukan kode ini
<data:post.body/>
Bila Anda temukan kode ini lebih dari 1, gunakan kode yang kedua.

Letakkan kode ini dibawah kode tadi
<div class='isorpost'><div class='isorkiri'>KODE IKLAN/WIDGET LAIN DISINI</div><div class='isorkanan'>KODE IKLAN/WIDGET LAIN DISINI</div></div> 
 Ganti KODE IKLAN/WIDGET LAIN DISINI dengan kode widget atau iklan yang ingin Anda letakkan.

Simpan template.

Jadi deh 2 Kolom Dibawah Postingan Blog nya, sebenarnya widget ini udah jadul ya? Gak papa ah dari pada saya pakai sendiri mending dibagikan mungkin masih ada juga yang membutuhkan :D. Oia untuk demonya bisa dilihat dibawah postingan ini. Seperti biasa, kalau ada pertanyaan tentang postingan ini silahkan berkomentar.


Read more: http://www.masanwar.com/2012/11/cara-membuat-2-kolom-dibawah-postingan.html#ixzz2WL4heOip
Comments
0 Comments

0 comments:

Post a Comment