Cara Membuat Iklan 125x125 Diblog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

• SUBHANALLAH
• ALHAMDULILLAH
• ALLAHU AKBAR
• LA ILAHA ILLALLAH
• ALLAHUMMA SHOLLI 'ALA MUHAMMAD

 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 kemudian 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="banner ads" 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="banner ads" 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="banner ads" 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="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.

• ASTAGHFIRULLAHAL 'ADZIM
• Aku mohon ampun kepada Allah yang Maha Agung

Tweet