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:
Widget by [ girayraspati ]