Guys… Guys… (Akibat terlalu banyak nonton Dodit SUCI 4). Kalian tahu gak cara bikin kotak iklan?!!

Kali ini saya coba share cara membuat kotak iklan 125 x 125,sebenarnya tutorial seperti ini sudah banyak sekali dan mudah kita temukan namun untuk melengkapi tutorial diblog ini kembali saya share buat sobat semua, untuk kotak iklan seperti ini biasanya ditempatkan pada bagian sidebar mengingat ukurannya yang kurang lebih pas dengan lebar sidebar pada sebuah blog.seperti apa bentuk iklan 125 x 125 yang saya maksud,sobat bisa lihat screenshotnya dibawah ini atau pada sidebar blog ini :

clip_image001

Nah buat sobat yang mau mencoba berikut  langkah langkahnya :
1. Masuk ke Blogger.com Template >> Pilih Edit HTML + Lanjutkan
2. Kemudian cari  kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>

.kotakiklan {background:#fff;padding: 5px 5px 5px 5px;text-align: center;}
.kotakiklan  img {background:#fff;width:125px;height:125px;margin: 3px 3px 3px 3px;padding:5px 5px 5px 5px;text-align: center;border: 1px solid #ddd;}
.kotakiklan  img:hover {border:1px solid #980000;}

3. Selanjutnya masukan kode HTML di bawah ini dalam Gadget HTML/JavaScript.

<div class="kotakiklan">
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="http://3.bp.blogspot.com/-UgOimXTgq7c/Ug0jMzPTc9I/AAAAAAAAIe4/0clcR4uo-6g/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="http://3.bp.blogspot.com/-UgOimXTgq7c/Ug0jMzPTc9I/AAAAAAAAIe4/0clcR4uo-6g/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img  src="http://3.bp.blogspot.com/-UgOimXTgq7c/Ug0jMzPTc9I/AAAAAAAAIe4/0clcR4uo-6g/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="http://3.bp.blogspot.com/-UgOimXTgq7c/Ug0jMzPTc9I/AAAAAAAAIe4/0clcR4uo-6g/s1600/125_1.png" alt="ad size"/></a>
</div>

Kode yang berwarna biru adalah link dan Judul Iklan dan yang berwarna merah adalah gambar iklannya,silahkan sobat sesuaikan dengan iklan sobat.

4. Terakhir klik Simpan dan lihat hasilnya.

Demikian cara membuat Kotak iklan 125 x 125 diblog semoga bermanfaat.

 
Top