Membuat Kotak Banner

Kotak banner berfungsi untuk menyisipkan gambar iklan atau promosi blog anda yang lain yang ditampilkan dlam bentuk banner. Adapun bentuk banner bermacam-macam ukurannya, khusus dalam trik blogger ini kita akan mencoba membuat banner yang berukuran 125 x 125. caranya sebagai berikut...

Login ke account blogger kamu.

Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Backup Template Blog anda dengan cara Download Full Template untuk berjaga-jaga bila nantinya terjadi kesalahan.

Kemudian cari kode ]]></b:skin> kemudian tambahkan kode CSS berikut diatasnya:

/* 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; }

Simpan template.

Kemudian 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">

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

<a target="_blank" href="http://#"><img alt="banner ads" src="http://i647.photobucket.com/albums/uu191/ariamsi/image%20blog/Iklan.gif" border="0"/></a>

</div>

Simpan.


Cara menyisipkan gambar ke dalam kotak banner:

Perhatikan kode di atas
Tuliskan alamat iklan atau blog yang dituju pada bagian yang berwarna merah.
Pada bagian yang berwarna hijau isikan dengan URL gambar yang ingin anda tampilkan.