CARA MEMBUAT BANNER IKLAN JADI 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://jamesb-s.blogspot.com"><img alt="banner ads" src="url banner/iklan sobat" border="0"/></a>
<a target="_blank" href="http://jamesb-s.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
<a target="_blank" href="http://jamesb-s.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
<a target="_blank" href="http://jamesb-s.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
</div>

CARA MEMBUAT BANNER IKLAN JADI BULAT 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share This To :

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul CARA MEMBUAT BANNER IKLAN JADI BULAT. Anda bisa bookmark halaman ini dengan URL http://jamesb-s.blogspot.com/2013/10/cara-membuat-banner-iklan-jadi-bulat.html. Terima kasih!

Ditulis oleh: Unknown - Selasa, 01 Oktober 2013