Tutorial Blog - Cara menambah kotak banner iklan pada blog

ini adalah cara untuk membuat kotak banner iklan pada blog,
contoh pada blog saya ini,yang disebelah kanan,ada kotak iklan ,disana anda bisa memasang iklan atau org ingin memangsang iklan pada blog anda bisa dipasang disana..
baik langsung saja kita dengan tahap pertama..
1. Login pada blog cari Rancangan kemudian Edit Html
2. Cari <b:skin><![CDATA[ ,pas dibawahnya pastekan code dibawah ini


#Box-Banner-ads {
margin: 0px;
padding: 2px;
text-align: center;
}
#Box-Banner-ads img {
margin: 0px 2px 2px 0px;
padding: 2px;
text-align: center;
border: 1px solid #c0c0c0;
}
#Box-Banner-ads img:hover {
margin: 0px 2px 2px 0px;
padding: 2px;
text-align: center;
border: 1px solid #333;
}
3. Simpan template
4. Kemudian menuju Rancangan -- Elemen Laman , tambahkan gadget baru,yaitu HTML/JavaScript
5. Pastekan code dibawah ini
<div id="Box-Banner-ads">
<a target="_blank"href="http://cincinperakcouple.blogspot.com/" title="JUAL CINCIN PERAK" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmD01nsEmir1rCcKBgGj_YJL2qdwESCaut_24sUo8fhqv9Cv6c9ouJO205mF-KwlPhfo8ZAlCKY9j3HiQWPmEvRdA8C513rPST0ORTe7r5kfW5ittCN-Zcvi-yhwsdeA6k7yFyvn0jNzGg/s1600/CincinPerakCouple.gif" width=155 /></a>
<a target="_blank"href="http://www.ti.co.id/?mitra=redlotus" title="Wirausaha" ><img src="http://www.ti.co.id/banner1.jpg" width=155 alt="Wirausaha"/></a>

<a target="_blank" href="http://www.ayonikah.com/?mitra=redlotus" title="Kontak Jodoh" ><img src="http://www.ayonikah.com/banner1.jpg" width=155 alt="Kontak Jodoh"/></a>
<a target="_blank" href="http://www.mobilraya.com/?mitra=redlotus" title="Mobil Bekas" ><img src="http://www.mobilraya.com/banner1.jpg" width=155 alt="Mobil Bekas"/></a>
<a target="_blank" href="http://www.rumahraya.com/?mitra=redlotus" title="Iklan Rumah" ><img src="http://www.rumahraya.com/banner1.jpg" width=155 alt="Pasang Iklan Rumah"/></a>
</div>
6. Simpan HTML/JavaScript tersebut
7. kemudian lihat perubahan yang terjadi pada blog anda

sekian tutorial blog - cara membuat kotak banner pada blog , semoga dapat bermanfaat 



0 komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best WordPress Themes