Patah Online - Setelah kemarin sudah bergelut di dunia desain yakni pembuatan Id Card Keran dengan Coreldraw, kali ini saya akan membahas seputar blogger tentang Cara membuat widget 2 kolom di bawah posting.
Widget 2 kolom dibawah posting sanga berguna sekali dalam sebuah tamplate blog, selain bisa mengemat space pada tampate blog anda juga akan terkesan lebih rapi. Anda juga bisa memasang kode adsense disana yang merupakan salah satu tempat yang setrategis untuk meletakan kode adsense.
Berikut Cara membuat widget 2 kolom di bawah posting blog
2. Conteng Expand Widget Templates
3. Cari kode ]]></b:skin> ( untuk pencarian cepat anda bisa tekan CTRL + F pada keyboard ) lalu tempatkan kode dibawah ini tepat diatasnya.
.bawahpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.bawahkiri {
float:left;
width:250px;
margin-right:15px;
}
.bawahkanan {
float:right;
width:240px;
}
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.bawahkiri {
float:left;
width:250px;
margin-right:15px;
}
.bawahkanan {
float:right;
width:240px;
}
4. Selanjutnya cari kode <data:post.body/> lalu tempatkan kode dibawah ini tepat dibawahnya
<b:if cond='data:blog.pageType == "item"'>
<div class='bawahpost'>
<div class='bawahkiri'>
TEMPATKAN KODE WIDGET DISINI !!
</div>
<div class='bawahkanan'>
TEMPATKAN KODE WIDGET DISINI !!
</div>
</div>
</b:if>
5. Langkah terakhir simpan tamplate<div class='bawahpost'>
<div class='bawahkiri'>
TEMPATKAN KODE WIDGET DISINI !!
</div>
<div class='bawahkanan'>
TEMPATKAN KODE WIDGET DISINI !!
</div>
</div>
</b:if>
Note: Ganti tulisan yang berwarna merah sesuai dengan lebar pada template anda.
Cukup sekian postingan saya tentang Cara membuat widget 2 kolom di bawah posting blog , semoga bisa menjadi manfaat.
21 Komentar
Write Komentarini yang seperti terpasang di blog sobat yach??? bisa gak yach di pasang di blog saya sobat???
Reply@Asis Sugianto
Replyiya bener bgt sobat, di coba aja sobat, lumayan adsensenya jadi kelihatan rapi :)
Wah blh juga nih kyknya bang...
Replyukuran berapa tuh kolomnya bang pattah?
kebetulan saya blm pasang beginian
kiri 250 kanan 240 bang, di coba terapin di tamplate abang aja, kw penasaran :)
Replybisa kan di ubah ukurannya bang ???
Reply@Boriel Cyber
Replybisa bgt sobat,silahkan ganti aja di kode CSS nya yang di tandai dengan warna merah sobat :)
Sudah ane bookmark, thanks gan buat pasang iklan bagus nih
Replywaduuhh sayang banget nih bang... ane udah gak pake template yang lama....
Replylau gak anekan bisa coba nih kodenya...
@Hzndi
Replysama2 sobat, moga bisa membatu sobat :)
@Ehwansah Jailani
Replyhehhehe....sayang sekali ya bang, pdahal kw di coba bkal dapet dorprize lho, hahhahhahayyyy :)
perlu dipelajari secara serius nich ^_^
Replyternyata begini ya caranya, dapat tambahan ilmu lagi di blog super ini :)
Reply@Tularosa
Replyuke silahkan sobat, moga bisa bermanfaat :)
@BlogS of Hariyanto
Replymkasih sobat harianto, moga bisa membatu :)
nanti kalo ane pasang iklan, ane cobaa ni :)
Reply@Cara Membuat Folder Hantu
Replyuke sobat, moga bisa membatu :)
pengen nyoba, blog ku cuma satu kolom yg bagian bawah
Reply@Terajana.com
Replysilahkan di coba aja sobat, moga bisa berhasil :)
izin pantou dulu sob
Replysalam kenal
@jhonytato
Replysilahkan sobat, n salam kenal juga :)
makasih infonya gan
ReplyJadilah pembaca yang bermartabat dengan memberikan komentar yang santun,indah di pandang dan sesuai dengan norma yang baik serta sesuai dengan apa yang ada di postingan.
Kriteria Komentar yang di tampilkan:
1. Bukan Komentar Spam
2. Komentar tidak sesuai dengan isi artikel
3. Menyisipkan Link/url baik itu blog/web pada komentar EmoticonEmoticon