Ok, Sekarang dah tau kan !!! adapun tutorialnya sbb ;
Langkah 1
- Log in pada Account Blog anda
- Klik tab Tata Letak >> ELEMEN HALAMAN >>Tambah Gadget >> HTML/JavaScript
- Sebelum itu CheckList kotak kecil di samping tulisan Expand Widget Template
- tambahkan kode CSS di bawah ini diatas kode ]]></b:skin>
/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }
#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }
#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }
#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }
#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }
- Ok, klik SAVE
- Klik tab Tata Letak >> ELEMEN HALAMAN >>Tambah Gadget >> HTML/JavaScript
- Masukkan Kode Berikut di dalam tab yang telah di sediakan ;
<div id="Box-Banner-ads">
<a target="_blank" href="http://alamatURLkamu"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
<a target="_blank" href="http://alamatURLkamu"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
</div>
<a target="_blank" href="http://alamatURLkamu"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
<a target="_blank" href="http://alamatURLkamu"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>
</div>
jika anda ingin mengganti gambar banner silahkan anda mengganti tulisan yang berwarna biru dengan banner gambar yang anda ingin masukkan !!!^_^
0 komentar:
Posting Komentar