Friday, August 3, 2012

0 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://bercara.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://bercara.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://bercara.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://bercara.blogspot.com/"><img alt="banner ads" src="http://4.bp.blogspot.com/-2kVg89CaMSE/TvUbAyMzI9I/AAAAAAAAAV8/D4RB2Dg1cZI/s1600/125x125.png" border="0"/></a>
</div>
  • Kemudian simpan.lihat hasilnya.
 Ket: Kode yang berwarna merah adalah url alamat iklan
        Kode yang berwarna biru Adalah url gambarnya

Description: Cara Membuat Kotak Iklan 125X125 (4 kolom) Dengan CSS 3 Rating: 5 Reviewer: Sandi Tias - ItemReviewed: Cara Membuat Kotak Iklan 125X125 (4 kolom) Dengan CSS 3

Artikel Menarik Lainnya:

0 komentar:

Related Posts Plugin for WordPress, Blogger...