Saturday, December 26, 2009

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...



banner adsbanner ads



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.

No comments:

Post a Comment