Cara Menciptakan Iklan 125X125 Diblog

 Sebelum nya kemaren saya  share perihal cara menciptakan iklan yang ukuran sesuai yang kita inginkan atau setingan ukuran nya secara manual, dan pada kesempatan kali ini saya akan share lagi cara menciptakan iklan di blog, tapi yang berukuran 125x125, Tutorial nya juga sangar simpel dan simpel , kemaren saya praktekin di blog saya yang ini chikafe-share.blogspot.com sudah berhasil dan sudah muncul iklan nya.

 Memasang iklan di blog itu sudah niscaya memakai gambar, supaya lebih menarik dilihat oleh para pengunjung, namun para newbie mungkin kebanyakan belum pada tau perihal cara mengetahui url gambar, nah jikalau agan belum tau cara nya silahkan boleh baca artikel perihal cara mengetahui url gambar.

 Memasang iklan berukuran 125x125 ini cara nya sangat gampang, jikalau agan setiap hari ketemu dengan arahan html, Seperti saya ini, alhamdulilah kini saya sudah mulai ngerti perihal html, dan saya berpikir, kalau di dunia maya  atau internet ini tanpa html, mungkin kita tidak akan dapat menikmati berselancar di dunia maya, hahaha, loh kok bisa?  Bisa lah, coba bayangin templeate dari html juga kan, widget, juga, tanpa html , blog tidak akan muncul atau tampil templeate atau halaman nya, iya kan ? , okeh lah sudah dulu ngayal nya, dibawah ini ialah tutorial nya :

1. Buka Dasbor blog
2. Pilih Template
3 .Klik Edi Html
4. Tekan Ctrl + F lalu cari arahan ]]></b:skin>
5. Kalau sudah ketemu Letakan arahan dibawah ini Diatas arahan ]]></b:skin>

/*Kotak Iklan 125x125*/
#kotak-iklan-125x125 {
margin: 0px;
padding: 1px;
text-align: center; }
#kotak-iklan-125x125 img {
margin: 3px 3px 6px 6px;
padding: 1px;
text-align: center;
border: 3px dotted #000;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:10px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#kotak-iklan-125x125 img:hover {
margin: 3px 3px 6px 6px;
padding: 3px;
text-align: center;
border: 3px solid #ff0000;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:10px;
}

6. Kalau sudah klik simpan

7. Kita buka lagi Dasbor blog

8. Pilih Tata Letak

9. Klik Add Gadget lalu pilih HTML/JavaScript

10. Copy Kode dibawah ini dan pastekan

<center><div id="kotak-iklan-125x125">
<a target="_blank" href="http://fujianto21-chikafe.blogspot.com"><img alt=" share perihal cara menciptakan iklan yang ukuran sesuai yang kita inginkan atau setingan ukur Cara Membuat Iklan 125x125 Diblog" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://fujianto21-chikafe.blogspot.com"><img alt=" share perihal cara menciptakan iklan yang ukuran sesuai yang kita inginkan atau setingan ukur Cara Membuat Iklan 125x125 Diblog" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://fujianto21-chikafe.blogspot.com"><img alt=" share perihal cara menciptakan iklan yang ukuran sesuai yang kita inginkan atau setingan ukur Cara Membuat Iklan 125x125 Diblog" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="http://fujianto21-chikafe.blogspot.com"><img alt=" share perihal cara menciptakan iklan yang ukuran sesuai yang kita inginkan atau setingan ukur Cara Membuat Iklan 125x125 Diblog" src="http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
</div></center>

11. Yang agan lakukan hanyalah mengganti goresan pena script di atas yang berwarna hijau dan merah .

Keterangan:

1.Warna hijau ialah link yang dituju , silahkan diganti
2.Dan yang warna merah itu URL gambar iklan nya, yang mau dipasang

  Kalau sudah diganti semua, silahkan klik simpan, dan lihat hasil nya, sekian tutorial kali ini, agar bermanfaat dan berhasil diterapkan di blog agan, terimakasih.

Share this post