Pada postingan saya kali ini, saya akan membahas tentang cara membuat kotak iklan di blog, dengan ukuranya 125 x 125 pixel. Menulis di blog adalah hobi yang tersendiri apa lagi kalian yang bisa mengetik dengan sepuluh jari dan menulis di blog tidak hanya sekedar pelepas hobi ataupun sebagai pengisi kekosongan waktu.
Tetapi menulis di blog bisa digunakan untuk mencari uang dengan cara menggunakan google Adsense tetapi kita harus memanagenya dengan baik dan bahkan ada beberapa blogger yang menjadikan menulis di blog adalah untuk suatu mata pencaharian.
Memasang kotak iklan di sebuah blog biasanya menjadi peluang bisnis tersendiri, apalagi blog yang mendapat pengunjung banyak dan memiliki kepopuleran di search engine, tidak ada yang mustahil apabila blog anda mendapat tawaran dari advertise untuk menampilkan iklannya ke blog anda.
Perlu digaris bawahi apabila memasang kotak iklan adalah letak dan susunan agar lebih menarik dan memikat pihak advertise untuk memsang iklannya di blog anda. jika anda asal asalan memasang iklan akan menjadi berantakan dan kurang menarik apabila di lihat dari segi tampilannya.
Berikut ini adalah cara membuat kotak iklan
1. Silahkan buka dan login ke blogger kalian yang ingin di kasih kotak iklan
Tema > klik edit HTML > Kemudian tambahkan kode di bawah ini di atas 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
Tambahkan gadget ( Sidebar ) > pilih HTML / JavaScript
Tambahkan kode ini di widget yang baru anda buat 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>Ganti semua kode yang di tandai dengan dekskripsi anda yaitu, url iklan yang di tuju, judul iklan, url gambar, dan alt gambar
4. jika dirasa semuanya sudah selesai kita tinggal save dan lihat hasilnya.
Saya kira cukup mudah untuk membuat kotak iklan tersebut, hanya saja kita membuat kode css dan menambah gadget untuk menampilkan kotak iklan tersebut. saya kira cukup sekian untuk tutorial kali ini semoga bermanfaat. Terima kasih dan sampai jumpa.