Cara Membuat Banner / Iklan Kotak Menjadi Bulat

Wrote by Post Comment

Cara Membuat Banner / Iklan Kotak Menjadi Bulat
Haloow, sob... Pada kesempatan kali ini Kaka-jR akan share sedikit tips untuk memperindah tampilan blog kalian. Emmm, kira-kira apa judul yang tepat ya buat artikel kali ini? Cara Membuat Banner / Iklan Kotak Menjadi Bulat kaya'e lumayan nie. Dengan sedikit memoles code css kita bisa mengganti banner yang tadinya kotak menjadi bulat. Tapi sedikit catatan buat kalian sob, tips ini berjalan dengan baik pada banner / iklan berukuran 125x125 loh ya! Bila sobat pengen menggunakan pada banner / iklan yang lebih besar / kecil sobat bisa mengeditnya sendiri nantinya.

Seperti biasa, Login akun blog --> Template --> edit HtML (centang expand widget)
Kemudian sobat cari code ]]></b:skin>, setelah ketemu copy code di bawah lalu letakan di atas ]]></b:skin>

#banner-iklan-125x125 {margin: 0px;padding: 5px;text-align: center;} #banner-iklan-125x125 img {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #c0c0c0;-webkit-border-radius:70px;-moz-border-radius:70px;-o-border-radius:70px;border-radius:70px;-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;} #banner-iklan-125x125 img:hover {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #c33f00;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;border-radius:0px;}

Nah, setelah itu sobat save template.
Langkah berikutnya sobat masuk Tata Letak --> Tambah Gadget --> HTML/Javasript, kemudian copy pastekan code di bawah ini.


<div id="banner-iklan-125x125">
<a target="_blank" href="http://kaka-jr.blogspot.com"><img alt="banner ads" src="url banner/iklan sobat" border="0"/></a>
<a target="_blank" href="http://kaka-jr.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
<a target="_blank" href="http://kaka-jr.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
<a target="_blank" href="http://kaka-jr.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
</div>
keterangan: 
Untuk yang berwarna hijau bisa sobat ganti dengan alamat url yang dituju
Untuk yang berwarna merah bisa sobat ganti dengan alamat url banner/iklan sobat.

 Nah, selesai sudah tutorial serta tips tentang Cara Membuat Banner / Iklan Kotak Menjadi Bulat kali ini. Selamat mencoba sob, semoga bermanfaat ya...

Tags:

Share:

0 comments