| Tweet |
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.
20 comments
ini yang seperti terpasang di blog sobat yach??? bisa gak yach di pasang di blog saya sobat???
@Asis Sugianto
iya bener bgt sobat, di coba aja sobat, lumayan adsensenya jadi kelihatan rapi :)
Wah blh juga nih kyknya bang...
ukuran berapa tuh kolomnya bang pattah?
kebetulan saya blm pasang beginian
kiri 250 kanan 240 bang, di coba terapin di tamplate abang aja, kw penasaran :)
bisa kan di ubah ukurannya bang ???
@Boriel Cyber
bisa 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
waduuhh sayang banget nih bang... ane udah gak pake template yang lama....
lau gak anekan bisa coba nih kodenya...
@Hzndi
sama2 sobat, moga bisa membatu sobat :)
@Ehwansah Jailani
hehhehe....sayang sekali ya bang, pdahal kw di coba bkal dapet dorprize lho, hahhahhahayyyy :)
perlu dipelajari secara serius nich ^_^
ternyata begini ya caranya, dapat tambahan ilmu lagi di blog super ini :)
@Tularosa
uke silahkan sobat, moga bisa bermanfaat :)
@BlogS of Hariyanto
mkasih sobat harianto, moga bisa membatu :)
nanti kalo ane pasang iklan, ane cobaa ni :)
@Cara Membuat Folder Hantu
uke sobat, moga bisa membatu :)
pengen nyoba, blog ku cuma satu kolom yg bagian bawah
@Terajana.com
silahkan di coba aja sobat, moga bisa berhasil :)
izin pantou dulu sob
salam kenal
@jhonytato
silahkan sobat, n salam kenal juga :)
Post a Comment
Jadilah 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