Ingin Blogmu menjadi lebih meriah...??? Mulailah untuk memasang widget iklan, tapi kadang kala kita suka kesusahan dalam mengatur tampilannya.. untuk sekarang hilangkan kesusahanmu.. Tanpa banyak Bicara langsung aj kita kerjakan tanpa banyak babibubebo hehehe.. langsung aj ikuti tutorial membuat widget ini ya,, tinggal copas aj ko gak perlu ribet-ribet lagi..
Tidak perlu berlama-lama, langsung saja masuk pada halaman Edit HTML di blogger sobat, lalu cari kode ]]></b:skin>, dan letakkan kode CSS berikut tepat di atas kode ]]></b:skin>
#Box-Banner-ads {<br />
margin: 0px;<br />
padding: 5px;<br />
text-align: center;<br />
}<br />
#Box-Banner-ads img {<br />
margin: 0px 4px 4px 0px;<br />
padding: 3px;<br />
text-align: center;<br />
border: 1px solid #c0c0c0;<br />
}<br />
#Box-Banner-ads img:hover {<br />
margin: 0px 4px 4px 0px;<br />
padding: 3px;<br />
text-align: center;<br />
border: 1px solid #333;<br />
}<br />
</div>
Kalau selesai, jangan lupa simpan, selanjutnya pilih Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut :
<div id="Box-Banner-ads">
<a href="http://girayinformation.blogspot.com/2012/10/pasang-iklan.html" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://girayinformation.blogspot.com/2012/10/pasang-iklan.html" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://girayinformation.blogspot.com/2012/10/pasang-iklan.html" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
<a href="http://girayinformation.blogspot.com/2012/10/pasang-iklan.html" target="_blank"><img alt="ads" border="0" src="http://sites.google.com/site/bloggerbartiqy/Banner2.gif" /></a>
</div>
Nah cuma begono aj kan jadi dweh widgetmu.. agan bisa lihat contohnya seperti di atas postingan blog ini :
Perhatian : untuk copas kodenya sebaiknya di pindahin terlebih dahulu ke notpad yaa, periksa dan sesuaikan kodenya ....
Selamat Berkreasi..!!!!
Related Post:
Tutorial Blogger
- Membuat Musik Pada Blog dan Website dengan esnips
- Membuat Button Like Fanspage dan Twitter Melayang di Blog
- Cara Membuat Share and Like Facebook dan Twitter Melayang di Sisi Kanan Blog
- Membuat Widgate Footer di Blog
- "Cara membuat Iklan PopUp Window pada Blog"
- Memasang Button Like Fanspage Facebook di Blogger
- Cara Membuat Like Button Melayang di kiri Blog
- Cara Membuat Tag Cloud, Label Berputar Di Blog
- Cara Memasang Tool HTML Parser di Blogger
- Cara Cepat Menambah Links in Page Rank
- Membuat Translate Blog dalam Beberapa Bahasa
- Cara Menghilangkan Tanda Obeng Dan Tang (Quick Edit)
- Cara Pasang Shoutbox
- Hanya Menampilkan Judul Postingan di Halaman Depan Blog
- Membuat Recent Post
- T=V1+V2 ,Cara Meningkatkan Traffic Dan Popularity Dengan Cepat Dan Alami
- Pasang Facebook Profile Di Blog
- Script Memberikan Judul Artikel Ketika Di Copy Paste
- Banyak Followers Dengan GFC Recommendation Button
- MEMBUAT KALIMAT KELAP-KELIP
- MEMBUAT KOTAK KOMENTAR DI BAWAH POSTINGAN
Widget by [ girayraspati ]
Posted in: Tutorial Blogger
