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.
0 Response to "Cara Membuat Kotak Iklan 125 X 125 Di Blog"
Posting Komentar