Membuat Kotak Iklan Banner 125 x 125 Di Blog

Posted: Wednesday, March 7, 2012 by Ciloty BrotherHoodz Community in Labels: ,
Comments


Kali ini Blogging With Me akan membahas mengenai Kotak Iklan Banner , melihat belakangan ini semakin maraknya pemasangan Banner Untuk Iklan di blog dan kebanyakan Template tidak mempunyai fasilitas Kotak  Banner Ads ini maka saya Akan memberitahu cara membuatnya agar blog Sobat bisa dipasangi Banner Ads. berikut adalah langkah-langkah dalam pembuatnya :



  • Masuk ke Blogger.com
  • Pilih Rancangan > Edit Html > centang "Expand Widget Template"
  • Lalu letakkan kode berikut diatas kode ]]></b:skin>


#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;

}
  •  Simpan Template
Langkah selanjutnya adalah penambahan pada elemen.

  • Pilih Rancangan > Tata Letak > Add Widget > Html Javascript
  • kemudian Copy paste kode berikut :


<div id="Box-Banner-ads">
<a target="_blank" href="http://ciloty-brotherhoodz.blogspot.com/"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI5ZTLnzSTqyvB1hfSsA1JB8ikkeDcK2olf81utLCy4S8My-bETnKfo4ZdPBTJqwTSe51R8fHT7z9BKbdwaH4J319eYNS9ckog_SpUU1EBjS8Be5ntyIvnvr-JTgkJb1tueWMqaj78Qy4/s1600/tuker.jpg"/></a>
<a target="_blank" href="http://ciloty-brotherhoodz.blogspot.com/"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI5ZTLnzSTqyvB1hfSsA1JB8ikkeDcK2olf81utLCy4S8My-bETnKfo4ZdPBTJqwTSe51R8fHT7z9BKbdwaH4J319eYNS9ckog_SpUU1EBjS8Be5ntyIvnvr-JTgkJb1tueWMqaj78Qy4/s1600/tuker.jpg"/></a> <a target="_blank" href="http://ciloty-brotherhoodz.blogspot.com/"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI5ZTLnzSTqyvB1hfSsA1JB8ikkeDcK2olf81utLCy4S8My-bETnKfo4ZdPBTJqwTSe51R8fHT7z9BKbdwaH4J319eYNS9ckog_SpUU1EBjS8Be5ntyIvnvr-JTgkJb1tueWMqaj78Qy4/s1600/tuker.jpg"/></a><a target="_blank" href="http://ciloty-brotherhoodz.blogspot.com/"><img border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI5ZTLnzSTqyvB1hfSsA1JB8ikkeDcK2olf81utLCy4S8My-bETnKfo4ZdPBTJqwTSe51R8fHT7z9BKbdwaH4J319eYNS9ckog_SpUU1EBjS8Be5ntyIvnvr-JTgkJb1tueWMqaj78Qy4/s1600/tuker.jpg"/></a> </div>

ket : 
Ganti tulisan yang berwarna merah tersebut dengan alamat Url iklan banner . dan ganti tulisan yang berwarna pink dengan Url gambar iklan sobat.
  • Lalu Save.
Semoga trik kali ini bisa bermanfaat bagi sahabatku semua dan semoga berhasil

ads ads