Sebelum nya kemaren saya share tentang cara membuat iklan yang ukuran
sesuai yang kita inginkan atau setingan ukuran nya secara manual, dan
pada kesempatan kali ini saya akan share lagi cara membuat iklan di
blog, tapi yang berukuran 125x125, Tutorial nya juga sangar mudah dan
gampang , 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 pasti menggunakan gambar, supaya lebih
menarik dilihat oleh para pengunjung, namun para newbie mungkin
kebanyakan belum pada tau tentang cara mengetahui url gambar, nah jika
agan belum tau cara nya silahkan boleh baca artikel tentang
cara mengetahui url gambar.
Memasang iklan berukuran 125x125 ini cara nya sangat gampang, jika agan
setiap hari ketemu dengan kode html, Seperti saya ini, alhamdulilah
sekarang saya sudah mulai ngerti tentang html, dan saya berpikir, kalau
di dunia maya atau internet ini tanpa html, mungkin kita tidak akan
bisa 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 adalah tutorial
nya :
1. Buka Dasbor blog
2. Pilih Template
3 .Klik Edi Html
4. Tekan Ctrl + F kemudian cari kode
]]></b:skin>
5. Kalau sudah ketemu Letakan kode dibawah ini Diatas kode
]]></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
10. Copy Kode dibawah ini dan pastekan
<center><div id="kotak-iklan-125x125">
<a target="_blank" href="
http://smk-teknik-informatika.blogspot.com"><img alt="banner ads" src="
http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="
http://smk-teknik-informatika.blogspot.com"><img alt="banner ads" src="
http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="
http://smk-teknik-informatika.blogspot.com"><img alt="banner ads" src="
http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
<a target="_blank" href="
http://smk-teknik-informatika.blogspot.com"><img alt="banner ads" src="
http://i1261.photobucket.com/albums/ii585/zainelhasany/banner125x125_zps642e2780.png" border="0"/></a>
</div></center>
11. Yang agan lakukan hanyalah mengganti tulisan script di atas yang berwarna hijau dan merah .
Keterangan:
1.Warna
hijau adalah 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, semoga bermanfaat dan berhasil diterapkan di
blog agan, terimakasih.
