Cara membuat Kotak Banner Iklan

Mungkin sobat-sobat banyak yang bertanya-tanya bagaimana cara membuat kotak iklan seperti yang ada pada blog top markotop hehe, namun bagi yang belum tahu caranya disini saya punya solusinya sob. Ok langsung saja...To the TKP


1. Login ke Blogger
2. Kemudian Edit Html
3. Setelah itu masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}


4.Simpan Template

5.Eit blum selesai, Jika sudah, Buat Page Element baru dan kemudian taruh atau masukkan kode dibawah ini.

<div id="Box-Banner-ads">
<a target="_blank" href="
http://portablectech.blogspot.com/"><img
border="0" alt="ads" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U4LGNiyDN2igGPP8eU98-KHcPJLhBsr0CaQY0St23zEw1Qmd3TrOy-1pUIHL5mhf5SsZ81rG46W3BKNwc_2HEXwq2Vr3yUq7kU3UsGBdksD5QbPVU_rz7ljq-NfRjXAPWvzODOq2BPo/s200/Iklan.gif"/></a>
<a target="_blank" href="
http://portablectech.blogspot.com/"><img
border="0" alt="ads" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U4LGNiyDN2igGPP8eU98-KHcPJLhBsr0CaQY0St23zEw1Qmd3TrOy-1pUIHL5mhf5SsZ81rG46W3BKNwc_2HEXwq2Vr3yUq7kU3UsGBdksD5QbPVU_rz7ljq-NfRjXAPWvzODOq2BPo/s200/Iklan.gif"/></a><a target="_blank" href="http://portablectech.blogspot.com/"><imgborder="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U4LGNiyDN2igGPP8eU98-KHcPJLhBsr0CaQY0St23zEw1Qmd3TrOy-1pUIHL5mhf5SsZ81rG46W3BKNwc_2HEXwq2Vr3yUq7kU3UsGBdksD5QbPVU_rz7ljq-NfRjXAPWvzODOq2BPo/s200/Iklan.gif"/></a><a target="_blank" href="http://portablectech.blogspot.com/"><imgborder="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U4LGNiyDN2igGPP8eU98-KHcPJLhBsr0CaQY0St23zEw1Qmd3TrOy-1pUIHL5mhf5SsZ81rG46W3BKNwc_2HEXwq2Vr3yUq7kU3UsGBdksD5QbPVU_rz7ljq-NfRjXAPWvzODOq2BPo/s200/Iklan.gif"/></a></div>


CATATAN:
  • Silahkan ganti kode warna merah dengan url iklan sobat
  • Ganti kode warna hijau dengan gambar url iklan sobat

6. Simpan dan Selesai...



Semoga Bermanfaat :D

Related Posts by Categories





0 comments:

Post a Comment

Al Qur'an Online