Cara Membuat Kotak Iklan 125X125 (4 kolom) Dengan CSS 3

Kali ini saya mulai postingan lagi dengan tema CSS 3,dan judul postingannya Cara Membuat Kotak Iklan 125X125 (4 kolom) Dengan CSS 3,jika anda ingin membuat kotak iklan ukuran125 X125 (4 kolom) diblog anda tentunya dengan Script css3,ini akan membuat tampilan iklan anda lain dari biasanya,bisa diikuti langkahnya pada kolom dibawah ini:

• Login Keblog Anda dulu tentunya
• mask ke rancangan,Edit html,dan centang pada expand widget
• kemudian cari kode ]]></b:skin> ,Tapi sebelumnya backup dulu templatenya ya.buat jaga-jaga.Letakan kode css dibawah ini tepat diatasnya

#kotak-iklan-125x125 {margin: 0px;padding: 5px;text-align: center;}
#kotak-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;}
#kotak-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;}

• Save template

Sekarang kita beralih ke widgetnya/tempat untuk memasang iklan tersebut

• Setelah tersimpan ,pergi ke elemen halaman,Add widget=>pilih html/javascript
• Kemudian Masukan kode dibawah ini ke dalamnya.

<div id="kotak-iklan-125x125">
<a target="_blank" href="http://artikelsenggang.blogspot.com/"><img alt="banner ads" src="http://4.bp.blogspot.com/-2kVg89CaMSE/TvUbAyMzI9I/AAAAAAAAAV8/D4RB2Dg1cZI/s1600/125x125.png" border="0"/></a>
<a target="_blank" href="http://artikelsenggang.blogspot.com/"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSYJdsGZwzMPfPqXfJAe3Obo_nJfCRvfmn-s1gHOGPsvLxelKy9Mk3UlT3O990kluFJGlJ4rjZxl-lZHGvbX2lI_mPGBLOc0VCG6-FkbCK7xehI9eD_p9t5mwoZG1KnGd5BXTh6M7k0E/s1600/125x125.png" border="0"/></a>
<a target="_blank" href="http://artikelsenggang.blogspot.com/"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSYJdsGZwzMPfPqXfJAe3Obo_nJfCRvfmn-s1gHOGPsvLxelKy9Mk3UlT3O990kluFJGlJ4rjZxl-lZHGvbX2lI_mPGBLOc0VCG6-FkbCK7xehI9eD_p9t5mwoZG1KnGd5BXTh6M7k0E/s1600/125x125.png" border="0"/></a>
<a target="_blank" href="http://artikelsenggang.blogspot.com/"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSYJdsGZwzMPfPqXfJAe3Obo_nJfCRvfmn-s1gHOGPsvLxelKy9Mk3UlT3O990kluFJGlJ4rjZxl-lZHGvbX2lI_mPGBLOc0VCG6-FkbCK7xehI9eD_p9t5mwoZG1KnGd5BXTh6M7k0E/s1600/125x125.png" border="0"/></a>
</div>

Sumber  http://bercara.blogspot.com/