Membuat Kotak Iklan/Banner 125x125

Pada saat anda berkunjung kesuatu website/Blog Mungkin anda pernah melihat tayangan sebuah iklan dengan menawarkan bermacam produk atau jasa, dengan demikian pemilik iklan secara tidak langsung dapat terhubung dengan ornag yang mencari produk dan jasa anda. Antara pemilik iklan dan pembuat kotak iklan satu sama lain saling berkesinambungan karena saling memberi peluang untuk mendapatkan penghasilan.

Admin membuat kotak iklan dilengkapi serta dengan link menuju halaman yang akan anda tuju, misalkan pada informasi lebih spesifik mengenai syarat dan ketentuan dalam mendapatkan produk atau layana jasa atau bisa juga yang lainnya. Kotak iklan biasanya diletakkan pada sidebar karena ukuran pada sidebar kurang lebih sesuai dengan lebar sidebar pada Blog.

Berbagai cara untuk menayangkan iklan seperti dengan cara iklan melayang, iklan didalam postingan dan iklan didalam kotak 125x125. Disini saya akan mengulas mengenai kotak iklan 125x125, kotak iklan tersebut berbentuk persegi dan terdapat empat tempat untuk menayangkan tampilan iklan. Kotak iklan ini juga disertakan link untuk menuju halaman yang anda tuju, berikut ini tampilan tampilan kotak iklan 125x125

Live Demo

 

 

Bagi anda yang ingin memasank kotak iklan/Banner 125x125 berikut ini langkah-langkahnya :

Membuat Kotak Iklan/Banner 125x125

1. Login Keakun Blogger
2. Pilih Template » Klik Edit HTML
3. Selanjutnya anda cari kode ]]></b:skin>
4. Kemudian anda letakkan kode dibawah ini diatasnya

.kotakiklan {background:#fff;padding: 5px 5px 5px 5px;text-align: center;}
.kotakiklan  img {background:#fff;width:125px;height:125px;margin: 3px 3px 3px 3px;padding:5px 5px 5px 5px;text-align: center;border: 1px solid #ddd;}
.kotakiklan  img:hover {border:1px solid #030DD3;}

5. Simpan Template

Selanjutnya untuk menampilkan kotak iklan tersebut anda menuju dasbor blogger »  klik Tata letak » klik add Gadget » pilih HTML/Javascript » kemudian anda copy kode dibawah ini dan pastekan pada content tersedia :

<div class="kotakiklan">
<a href="URL Iklan" target="_blank" title="Title Iklan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPKN_mcTOEba7jio3vlbvg3rMs5uuUK0A_Ikd56rGg8rNLMW9PlUVMJBQRxj-znOqKJ4AicSNESmvsakLqAYlDzHqnsA0R5XGIX4bmLYdNqXavBW5gVcO2Sg0Z_pJZm-R7b_Qa6LdqDgg/s1600/iklan.png" alt="ad size"/></a>
<a href="URL Iklan" target="_blank" title="Title Iklan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPKN_mcTOEba7jio3vlbvg3rMs5uuUK0A_Ikd56rGg8rNLMW9PlUVMJBQRxj-znOqKJ4AicSNESmvsakLqAYlDzHqnsA0R5XGIX4bmLYdNqXavBW5gVcO2Sg0Z_pJZm-R7b_Qa6LdqDgg/s1600/iklan.png" alt="ad size"/></a>
<a href="URL Iklan" target="_blank" title="Title Iklan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPKN_mcTOEba7jio3vlbvg3rMs5uuUK0A_Ikd56rGg8rNLMW9PlUVMJBQRxj-znOqKJ4AicSNESmvsakLqAYlDzHqnsA0R5XGIX4bmLYdNqXavBW5gVcO2Sg0Z_pJZm-R7b_Qa6LdqDgg/s1600/iklan.png" alt="ad size"/></a>
<a href="URL Iklan" target="_blank" title="Title Iklan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPKN_mcTOEba7jio3vlbvg3rMs5uuUK0A_Ikd56rGg8rNLMW9PlUVMJBQRxj-znOqKJ4AicSNESmvsakLqAYlDzHqnsA0R5XGIX4bmLYdNqXavBW5gVcO2Sg0Z_pJZm-R7b_Qa6LdqDgg/s1600/iklan.png" alt="ad size"/></a>
</div>

Note :
Kode yang saya beri warna merah silahkan anda ganti dengan URL Iklan dan URL gambar Iklan anda.

Selanjutnya anda klik simpan dan lihat hasilnya.

Demikian Membuat Kotak Iklan/Banner 125x125, semoga bermanfaat!

Bagikan Artikel ini