CARA MEMBUAT DAN MEMASANG KOTAK IKLAN DI BLOG

Ternyata menulis di blog itu sangat mengasyikkan, tak kalah asyik dengan menulis di sosial media lainnya. Bagi mereka yang suka menulis di blog, tentu bukan hanya ingin mendapat kepuasan batin karena bisa menuangkan ide lalu mendapat reaksi positif dari pengunjung, lebih-lebih jika bisa berinteraksi lewat kolom komentar, tentu semakin mencairkan semangat untuk terus menulis. Bagi sebagian orang (blogger), menulis tak sekadar untuk menyalurkan hobi, tapi bisa juga mendatangkan penghasilan. Kok bisa? Ya, bisa. Salah satu caranya adalah memasang iklan di dalam blog tersebut. Dari iklan yang tayang tiap kali ada pengunjung itulah pemilik blog akan mendapatkan penghasilan tambahan.

Saat ini, jaringan iklan sudah berkembang sangat pesat, bahkan sampai bingung ingin pilih yang mana? Rata-rata jaringan iklan tersebut memberi tawaran sekaligus bayaran sangat menggiurkan. Jika tiap bulan bisa rutin mencapai ambang batas pembayaran, maka pemilik blog akan mendapat bayaran di tiap bulannya. Inilah sisi lebih menjadi blogger dan memasang iklan di situsnya. Namun sisi kurang baiknya adalah kadang para pengunjung merasa risih jika mengunjungi situs yang ada banyak iklannya. Jadi, dalam hal ini lebih pada bagaimana pemilik blog mengatur perwajahan blognya. Meski terdapat banyak iklan, tapi si pemilik mampu menata dengan baik, rasa-rasanya pengunjung pun akan memaklumi meski ada banyak iklan di dalamnya.

Ada banyak cara menyiasati tata letak iklan supaya tampak rapi, yakni dalam satu perangkat (widget) terdapat empat atau lebih unit iklan. Selain bisa menghemat ruang, cara ini juga tidak menyebabkan proses muat (loading) halaman menjadi lambat.

Berikut ini adalah tata caranya:
1. Buka akun Blogger Anda;
2. Tema > Edit HTML > Lalu tambahkan kode berikut ini sebelum ]]></b:skin> atau </style>;
/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border:1px solid #aaa}
.kotak_iklan  img.noborder {border:0;}

3. Simpan untuk tahap ini;
4. Lanjut ke tahap berikutnya yakni masuk ke Tata Letak > Tambah Gadget > Pilih HTML/JavaScript;
5. Setelah muncul bidang Gadget, lalu masukkan kode ini:
<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
</div>
NB: Ganti atau ubah “kode pengait URL” menjadi kode milik Anda.

6. Jika sudah selesai, simpanlah! Coba lihat hasilnya. Jika belum sesuai, maka atur kembali sampai benar-benar sesuai keinginan.

Bagi yang sudah terbiasa dengan dunia coding, tentu hal ini bukan menjadi sesuatu yang rumit. Bagi mereka yang baru dan ingin mencoba membuat kotak iklan di blog, setidaknya dengan adanya artikel ini semoga bisa membantu menyelesaikan apa yang dicari.
Powered by Blogger.