Membuat Widget Dua Kolom Di Bawah Postingan

Kampus TI | Membuat Widget Dua Kolom Di Bawah Postingan | Banyak cara agar bisa membuat blog kita menarik dan enak di pandang. Berikut saya kasih cara untuk memasang 2 kolom widget di bawah postingan. Mau tahu langsung aja ke TKP.

• Yang pertama pastinya harus sudah login dulu ke blogger, kemudian masuk ke pangaturan dan seterusnya lihat gambar :

 

• Kemudian masukkan Kode CSS berikut tepat di atas ]]></b:skin> :

.underpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.underleft{
float:left;
width:265px;
margin-right:15px;
}
.underright {
float:right;
width:265px;
}

• Selanjutnya temukan kode <data:post.body/> jika anda memasang read more pilih yang kedua
• Dan tempatkan kode berikut tepat dibawah kode yang di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='underpost'>

<div class='underleft'>

(teks and atau kode iklan)(kiri)

</div>

<div class='underright'>

(teks and atau kode iklan)(kanan)

</div>

</div>

</b:if>

• Save Template

referensi : http://www.ordinaryblog.info/2011/03/cara-pasang-2-columns-widget-di-bawah.html