Cara Membuat Kotak Banner

Terinspirasi ingin pasang iklan banner, cuma MA nggak tahu cara buatnya maklum pemula hehehe, terus aku cari scripnya.

MA langsung berkelana mencari scripnya dan akhirnya dapat dari Blognya Otimasi Blog begitu dapet yang langsung aku coba dan berhasil deh, tapi berhubung masih pemula jadi belum berani pasang hehehehehe, oh ya ukuran banner ini 125X125. Ooo ya kl rekan-rekan mau tau caranya begini :

* Login dulu ke account blogger kamu.
* Pilih tab Tata Letak --> Edit HTML.

Sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Tambahkan kode CSS berikut di atas kode ]]>

/* Kotak Banner<br />===================== */<br />#Box-Banner-ads {<br />margin: 0px;<br />padding: 5px;<br />text-align: center; }<br /><br />#Box-Banner-ads img {<br />margin: 0px 8px 4px 0px;<br />padding: 3px;<br />text-align: center;<br />border: 3px outset #c0c0c0; }<br /><br />#Box-Banner-ads img:hover {<br />margin: 0px 8px 4px 0px;<br />padding: 3px;<br />text-align: center;<br />border: 3px inset #333; }

* Simpan dulu template blog kamu.
* Pilih tab Tata Letak --> Elemen Halaman.
* Tambah Gadget dalam elemen blog kamu --> "Tambahkan Gadget", pilih HTML/JavaScript.
* Copy dan pastekan kode di bawah ini.

<div id="Box-Banner-ads"><br /><br /><a target="_blank" href="http://Blog Kamu"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0" /></a><br /><br /><a target="_blank" href="http://Blog Kamu"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0" /></a><br /><br /></div>

Catatan: Tulisan Blog Kamu Ganti dengan Blog Kamu
Lihat Blog.

Contoh cara memasang banner dalam kotak banner :

div id="Box-Banner-ads"><br /><br /><a href="http://dmoz.org/" target="_blank"><img border="0" alt="Open Directory Project at dmoz.org" width="125" src="http://dmoz.org/user-banners/125x125birt.gif" height="125"/></a> <<br /><br /><a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a><br />

Selamat membuat kotak banner...

Kalau nggak Jelas tolong Kunjungi Disini