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 :
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0oEYRPHnHS3He9Hqfe9aw6Q4ASqwi9R_9wuptwV4zolaIZR-yWGCWTc7AQ_GzNVe7RBiwCA1U6KqK2ecmIaM4lqWoOR_Co3lt6df0-YzFhk7PFUDGHDQxst1HO6Dg9h-y8184snl-ciE/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0oEYRPHnHS3He9Hqfe9aw6Q4ASqwi9R_9wuptwV4zolaIZR-yWGCWTc7AQ_GzNVe7RBiwCA1U6KqK2ecmIaM4lqWoOR_Co3lt6df0-YzFhk7PFUDGHDQxst1HO6Dg9h-y8184snl-ciE/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0oEYRPHnHS3He9Hqfe9aw6Q4ASqwi9R_9wuptwV4zolaIZR-yWGCWTc7AQ_GzNVe7RBiwCA1U6KqK2ecmIaM4lqWoOR_Co3lt6df0-YzFhk7PFUDGHDQxst1HO6Dg9h-y8184snl-ciE/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc0oEYRPHnHS3He9Hqfe9aw6Q4ASqwi9R_9wuptwV4zolaIZR-yWGCWTc7AQ_GzNVe7RBiwCA1U6KqK2ecmIaM4lqWoOR_Co3lt6df0-YzFhk7PFUDGHDQxst1HO6Dg9h-y8184snl-ciE/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.
Tidak ada komentar:
Posting Komentar