Halo semua dan salam blogger,pada pertemuan saat ini saya akan membahas tentang Cara membuat Kotak iklan 125 x125 keren.ketika anda mengunjungi suatu blog dan anda melihat kotak iklannya,tapi kotak iklannya berbeda dan keren,kotak iklannya sama dengan yang ada di blog saya.
nahhh bagi anda suka kotak iklannya keren berikut tutorialnya.
2.pilih Template -> Edit HTML
3.Cari kode ]]></b:skin>
/* Kotak Iklan 125x125
===================== */
#kotak-iklan-125x125 {
margin: 0px;
padding: 5px;
text-align: center; }
#kotak-iklan-125x125 img {
margin: 3px 3px 6px 6px;
padding: 3px;
text-align: center;
border: 3px dotted #00000;
-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 #00000;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:10px;
}
Catatan:-ganti kode berwarna orange adalah kode warna border ketika tidak di sentuh.
-ganti kode berwarna biru dengan kode warna border ketika sudah di sentuh.anda bisa mendapat kode warna DISINI
4.simpan Template.ehh belum selesai :)
5.pilih Tata Letak -> Tambahkan Gadget -> Pilih HTML/javascript
6.copy dan paste kode di bawah ini
<center><div id="kotak-iklan-125x125">
<a target="_blank" href="http://imanyusufbidin.blogspot.com/2013/06/pasang-iklan.html"><img alt="iklan" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMO-6h7WsgChMRKgqX79YfD8oNBfltjSZ_qw__PyeCisxlUVbuI8ha9k8t6uvJ5mNq-JemMeGoq81JUEQ1sodi_oqIxBvlUAKRWgul7j1HMhYU0ddh6bVVu87P6nXJacFjJghmV8YgwU/s1600/Banner+Ads+125x125.png" border="0"/></a>
<a target="_blank" href="http://imanyusufbidin.blogspot.com/2013/06/pasang-iklan.html"><img alt="iklan" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMO-6h7WsgChMRKgqX79YfD8oNBfltjSZ_qw__PyeCisxlUVbuI8ha9k8t6uvJ5mNq-JemMeGoq81JUEQ1sodi_oqIxBvlUAKRWgul7j1HMhYU0ddh6bVVu87P6nXJacFjJghmV8YgwU/s1600/Banner+Ads+125x125.png" border="0"/></a>
<a target="_blank" href="http://imanyusufbidin.blogspot.com/2013/06/pasang-iklan.html"><img alt="iklan"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMO-6h7WsgChMRKgqX79YfD8oNBfltjSZ_qw__PyeCisxlUVbuI8ha9k8t6uvJ5mNq-JemMeGoq81JUEQ1sodi_oqIxBvlUAKRWgul7j1HMhYU0ddh6bVVu87P6nXJacFjJghmV8YgwU/s1600/Banner+Ads+125x125.png" border="0"/></a>
<a target="_blank" href="http://imanyusufbidin.blogspot.com/2013/06/pasang-iklan.html"><img alt="iklan" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMO-6h7WsgChMRKgqX79YfD8oNBfltjSZ_qw__PyeCisxlUVbuI8ha9k8t6uvJ5mNq-JemMeGoq81JUEQ1sodi_oqIxBvlUAKRWgul7j1HMhYU0ddh6bVVu87P6nXJacFjJghmV8YgwU/s1600/Banner+Ads+125x125.png" border="0"/></a>
</div></center>
Catatan:-ganti kode berwarna kuning dengan link URL untung pasang iklan anda
-Ganti Kode berwarna biru dengan URL gambar anda
7.klik Simpan
semoga bermanfaat :D