Rabu, 19 Februari 2014

Cara Membuat Kotak Iklan 125x125

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. Dengan memasang iklan di blog sendiri maka mampu menghasilkan provit bagi kita jika ada yang ingin memasang iklan.
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/AVvXsEgZ9TxkAbMonEWG8fShLnERQqooomqWCXK-cE2osE9lZO5TGqNv7lWuIYjr3LM5CUp4nAvpQIeqNPpP4eMZOa2II4WbzXq7SmF7Du1Fygur7jUBBc6iMqouvjGuW1TSouuRYhXeOxXEAzcN/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/AVvXsEgZ9TxkAbMonEWG8fShLnERQqooomqWCXK-cE2osE9lZO5TGqNv7lWuIYjr3LM5CUp4nAvpQIeqNPpP4eMZOa2II4WbzXq7SmF7Du1Fygur7jUBBc6iMqouvjGuW1TSouuRYhXeOxXEAzcN/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/AVvXsEgZ9TxkAbMonEWG8fShLnERQqooomqWCXK-cE2osE9lZO5TGqNv7lWuIYjr3LM5CUp4nAvpQIeqNPpP4eMZOa2II4WbzXq7SmF7Du1Fygur7jUBBc6iMqouvjGuW1TSouuRYhXeOxXEAzcN/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/AVvXsEgZ9TxkAbMonEWG8fShLnERQqooomqWCXK-cE2osE9lZO5TGqNv7lWuIYjr3LM5CUp4nAvpQIeqNPpP4eMZOa2II4WbzXq7SmF7Du1Fygur7jUBBc6iMqouvjGuW1TSouuRYhXeOxXEAzcN/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