Cara Membuat Kotak Iklan 4 Slot 125x125

Kali ini saya akan share Cara Membuat Kotak Iklan 4 Slot 125x125, sebenarnya tutorial seperti ini sudah banyak sekali dan mudah ditemukan, namun kali ini saya akan share untuk melengkapi tutorial pada blog ini dan mengisi waktu luang saja.
untuk kotak iklan seperti ini lebih pasnya ditempatkan pada bagian sidebar, karna ukurannya yang kurang lebih pas dengan lebar sidebar pada sebuah blog.
berikut ini tampilan iklan 125 x 125:

Apabila sobat tertarik dan ingin mencoba, berikut ini langkah langkahnya :

1. Pilih Menu Template, Edit HTML

2. Cari kode ]]></b:skin> , dan letakkan kode dibawah ini tepat diatasnya ]]></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 masuk ke Tata Letak dan Pilih Add Gadget, dan Copy kode berikut ini dan letakkan di kolom HTML/Javascripth nya.

<div class="kotakiklan">
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrcV5vxlMpUj9XuFSEjAs_KWJQAQcn58uUMinD2bsgyR9A23oL0m0KCIWNn-OSVPaGw7x5bjlhc0_GBEynIKl9Gnjvw1xe2Nep1tHVypxSpp2mcy_Q_03y4Z5wFqfNUzIFTFaKC-OeuBMA/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/AVvXsEhrcV5vxlMpUj9XuFSEjAs_KWJQAQcn58uUMinD2bsgyR9A23oL0m0KCIWNn-OSVPaGw7x5bjlhc0_GBEynIKl9Gnjvw1xe2Nep1tHVypxSpp2mcy_Q_03y4Z5wFqfNUzIFTFaKC-OeuBMA/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/AVvXsEhrcV5vxlMpUj9XuFSEjAs_KWJQAQcn58uUMinD2bsgyR9A23oL0m0KCIWNn-OSVPaGw7x5bjlhc0_GBEynIKl9Gnjvw1xe2Nep1tHVypxSpp2mcy_Q_03y4Z5wFqfNUzIFTFaKC-OeuBMA/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/AVvXsEhrcV5vxlMpUj9XuFSEjAs_KWJQAQcn58uUMinD2bsgyR9A23oL0m0KCIWNn-OSVPaGw7x5bjlhc0_GBEynIKl9Gnjvw1xe2Nep1tHVypxSpp2mcy_Q_03y4Z5wFqfNUzIFTFaKC-OeuBMA/s1600/125_1.png" alt="ad size"/></a>
</div>

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

4. Klik simpan dan lihat hasilnya.

Demikian Tutorialnya, semoga bemanfaat.

Tweet