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 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 :
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.
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.
Tidak ada komentar:
Posting Komentar