Cara Membuat 2 Kolom Dibawah Postingan Blog

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,

sumber : Berbagi Yang Kudapat


 

Tweet