Jumat, 06 Januari 2012

Membuat Kotak Iklan Banner Pada Blog


Tren pada blog sekarang ini adalah menyediakan beberapa kotak sebagai sarana untuk menempatkan Link Banner. Setiap kali berkunjung ke blog para sahabat blogger, blog mereka juga menyediakan kotak untuk ditempatkan link banner, baik itu link banner milik pribadi maupun link banner milik sahabat blogger lain yang direntalkan (seperti mobil aja nich di rental-rental... haa...haa...haa.....). Mungkin anda bingung, gimana bentuk kotak iklan link banner tersebut. Contohnya dapat dilihat pada blog zona-klik ini yang terletak di header blog. Coba lihat gambar di bawah ini :

Nah, itulah bentuk kotak iklan link banner dan kotaknya akan tersusun rapi sesuai dengan berapa jumlah dan besar kotak iklan link banner tersebut yang ingin ditampilkan. Jika blog kalian ingin dipasang kotak iklan link banner caranya sangat gampang, ikuti tutorial dan petunjuk berikut ini dengan benar.

1. Masuk ke acount blogger anda

2. Pilih Tata Letak --> Edit Html

3. Cari kode berikut ini :

]]></b:skin>

4. Copy kode berikut kemudian tempatkan persis diatas kode tersebut.

#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;
padding: 3px;
width :
125px;
height : 125px;
text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

5. Copy semua kode dibawah ini :

<div id='Banner-ads'>

<a hight='100' href=' http://www.tdwuniversity.com/launch/?id=6628/' target='_blank' width='100'><img alt='ads' border='0' src='http://www.TDWUniversity.com/launch/images/125x125.gif'/></a>

</div>

Keterangan :
---> tulisan berwarna merah ganti dengan "url web/blog" anda
---> tulisan berwarna biru ganti dengan "url gambar" anda
---> untuk memperbanyak jumlah kotak iklan link banner paste kan saja kode tersebut

6. Kemudian letakkan persis di atas kode berikut :

<div id='main-wrapper'>
7. Simpan Perubahan.

Jika telah mengikuti tutorial diatas dengan benar, maka kotak iklan link banner akan muncul pada blog anda.


0 comments:

Posting Komentar

Comment