Cara Memasang Kotak Iklan Di Blog, 125x125 Pixels

Tutorial on Duckpedia, Indonesia -- Pada kesempatan kali ini saya ingin memberikan kalian tutorial membuat kotak iklan berukuran 125x125 pixels.

Seperti yang kalian ketahui bahwa menjadi seorang penulis diblog bukan lagi hanya sebagai pelepas hobi ataupun 'killing time'. Membuat blog lalu me-manage-nya dengan baik dan benar juga dapat menghasilkan uang dengan berbagai cara termasuk juga memasang iklan diblog masing masing.

Untuk hal ini sendiri biasanya orang akan tertarik apabila blog tersebut sudah banyak pengunjungnya, otomatis orang yang ingin memasang iklan berfikir bahwa apabila ia memasang iklan diblog tersebut iklannya akan dilihat banyak orang.

Namun, pemasangan iklan tidak boleh sembarang. Baik tempat pemasangan ataupun konten iklan tersebut karena dapat merusak minat orang untuk melihatnya.

Jadi, sekarang mari kita membuat widget box iklan 125x125 pixels.

Cara Memasang Kotak Iklan Di Blog

1. Pertama, silahkan login ke akun Blogger anda, lalu > Tema / Theme > Klik Edit HTML > kemudian paste kode di bawah ini sebelum kode " ]]></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;}

2. Simpan template

3. Kemudian klik Tata Letak / Layout > Tambah Gadget / Add Gadget > Pilih HTML/JavaScript > selanjutnya silahkan masukkan kode berikut ke dalam widget baru tadi.

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

Note :
Ganti "url iklan yang dituju" dengan urlnya
Ganti "judul iklan" dengan judulnya

4. Jika sudah selesai, simpan dan cek tkp!

Sekian tutorial ini, saya rasa tidak terlalu sulit. Terimakasih kepada arlinadzgn.