Jumat, 04 Mei 2012

Membuat Kotak Iklan Banner

Membuat Kotak Iklan Banner 125 x 125 di Blog.

Kali ini ANDRE " bondalem " JENGAH  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/AVvXsEj2r126YVzJ6_2EdvFB1nLKVNG-0C6noMGSDdpfVmskXteQkVgzn0jDhnlfOZhS1WbAvguj_VcY60rStTwnUyr2IajCNmqNFta6f7fBDvX3MgA_oCEbdQiAe0Bwq9x32sV6MyUJeCBRYhg/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/AVvXsEj2r126YVzJ6_2EdvFB1nLKVNG-0C6noMGSDdpfVmskXteQkVgzn0jDhnlfOZhS1WbAvguj_VcY60rStTwnUyr2IajCNmqNFta6f7fBDvX3MgA_oCEbdQiAe0Bwq9x32sV6MyUJeCBRYhg/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/AVvXsEj2r126YVzJ6_2EdvFB1nLKVNG-0C6noMGSDdpfVmskXteQkVgzn0jDhnlfOZhS1WbAvguj_VcY60rStTwnUyr2IajCNmqNFta6f7fBDvX3MgA_oCEbdQiAe0Bwq9x32sV6MyUJeCBRYhg/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/AVvXsEj2r126YVzJ6_2EdvFB1nLKVNG-0C6noMGSDdpfVmskXteQkVgzn0jDhnlfOZhS1WbAvguj_VcY60rStTwnUyr2IajCNmqNFta6f7fBDvX3MgA_oCEbdQiAe0Bwq9x32sV6MyUJeCBRYhg/s1600/tuker.jpg"/></a> </div>

ket
Ganti tulisan yang berwarna kuning 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..

Sampunang Kapok nggih MERIKI

Tidak ada komentar: