Kali ini saya akan membahas cara pembuatan kotak iklan
dengan ukuran kecil yaitu 125 x 125
pixel, jenis iklan ukuran ini memang jarang di pakai namun bisa juga di
pasang untuk iklan mandiri, untuk iklan mandiri banyak yang meminati karena
biasanya harga yang di tawarkan cukup mudah bagi yang ingin memasang iklan di
blog kita.
Dan biasanya jenis iklan ini berbentuk persegi 4 di bagi 4
pada setiap kotaknya ukurannya 125 x 125 pixel, agar lebih menarik simpati para
pemasang iklan di blog kita sebaiknya kita buatkan terselbih dahulu space
banner kososng di blog kita yang menandakan blog kita menyediakan space untuk
pemasangan iklan bagi yang akan memasang iklan di blog kita dengan ukuran 125 x
125.
Dan juga agar pengunjung blog kita semakin betah melihat
tampilan blog kita dan dengan harapan mau klik iklan tersebut sebaiknya space
iklan tersebut di buatkan yang lebih menarik.
Untuk itu kali ini saya akan membuatkan tutorialnya membuat
space iklan ukuran 125 x125 dengan model yang lebih menarik dan bisa kita modif
sesuai keinginan kita.
1. Langkah pertama yaitu dengan membuka blog kita kamudian
masuk ke menu tema > Edit HTML lalu kemudian tambahkan kode di bawah 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;}
Dan setelah di letakkan save.
2. langkah ke dua kemidian masuk ke Tata letak >
Tambahkan Gadget > Pilih HTML/JavaScribe dan kemudian masukkan kode HTML
berikut.
<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>
Silhakan perhatian kode yang di tandai tersebut, kode –kode tersebut
bisa kita ganti dengan URL iklan anda nantinya bisa ludah ada pemasang iklan.
Jika sudah selesai kemidian Save.
Bgaimana mudah bukan, saya kira langkah ini tidak ada yang
susah untuk di praktekkan , dan bila anda masih kesulitan dalam melakukannya
silahkan tanyakan di kolom komentar di bawah. Selamat mencoba.