✔ Cara Memasang Baner Dengan Css Tampilan Dinamis

Cara Memasang Baner Dengan CSS Tampilan Dinamis, Masih menunjukkan Cara Pasang baner kali ini dengan baner ukuran 125x125px dan cara memodipikasi dipadukan dengan CSS 

Agar kelihatan Sangat menarik Bikin pengunjung Blog kita jadi ingin tau ingin mengklik nya. Bagi yang ingin memasang nya silahkan pelajari dengan cermat script dibawah ini.

1. Masuk ke account blogger
2. Untuk menciptakan caranya gampang tinggal pilih Rancangan >> Edit HTML
3. Lalu cari instruksi ]]></b:skin> dan copykan instruksi CSS dibawah ini diatas nya.

#kotak-iklan-125x125 {margin: 5px;padding: 5px;text-align: center;}
#kotak-iklan-125x125 img {margin: 5px 8px 5px 0px;padding: 5px;text-align: center;border: 1px solid #336699;-webkit-border-radius:10px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-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: 5px 8px 5px 0px;padding: 5px;text-align: center;border: 1px dashed #ff0000;-webkit-border-radius:75px;-moz-border-radius:75px;-o-border-radius:75px;border-radius:75px;
}

4. Lalu Klik Pratinjau Kalau sudah tidak ada problem lagi Tinggal Simpan Tempelats
5. Buka Tata Letak kemudian Tambah Gadget Pilih HTML JAVAScript  dan masukan Scrip dibawah ini

<div id="kotak-iklan-125x125">

<a target="_blank" href="http://simpangblogger.blogspot.com/"><img alt="Cara Memasang Baner Dengan CSS Tampilan Dinamis ✔ Cara Memasang Baner Dengan CSS Tampilan Dinamis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWfXt7V4xdIHNeH4rX_17x622kMS9ipoWqSbir4t-WgziX0kAdFuJ3s2uqiZ2HEErfYOr0kfBVYA0oPKWeAGl8WPkAENLoDCniQHdDxv5_DDU9T8lF5IAxCM6juOsxSHX2X4BERAtII0/s1600/yoel.gif" border="0"/></a>

<a target="_blank" href="http://simpangblogger.blogspot.com/"><img alt="Cara Memasang Baner Dengan CSS Tampilan Dinamis ✔ Cara Memasang Baner Dengan CSS Tampilan Dinamis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJvSwE5pUZEU9VxOk5INZdaEkYFBcW_Md3Jpm0nwOwfe7Cz-qIsCzODIH6YopAkNDCes-swCLR9l3GX1nyfBTQAIrf1nV_a0N8qERfpaI61f-sQl-8uFTfQWCYEzsHD5LEtq-C3o8DVmA/s1600/Ad_125.gif" border="0"/></a>

<a target="_blank" href="http://simpangblogger.blogspot.com/p/jasa-webblog.html"><img alt="Cara Memasang Baner Dengan CSS Tampilan Dinamis ✔ Cara Memasang Baner Dengan CSS Tampilan Dinamis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJvSwE5pUZEU9VxOk5INZdaEkYFBcW_Md3Jpm0nwOwfe7Cz-qIsCzODIH6YopAkNDCes-swCLR9l3GX1nyfBTQAIrf1nV_a0N8qERfpaI61f-sQl-8uFTfQWCYEzsHD5LEtq-C3o8DVmA/s1600/Ad_125.gif" border="0"/></a>

<a target="_blank" href="http://www.karismaprint.com"><img alt="Cara Memasang Baner Dengan CSS Tampilan Dinamis ✔ Cara Memasang Baner Dengan CSS Tampilan Dinamis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFLoRANUBcvY6nUiLWF5gWnK7UhgaVKLoLtjXEz-JfrahtgS4vccsUKqzIUN4cB7J26eit3pzG_S0t9tcYF-QGjWeeACMUWDHNjjmnJvElLoNXF2rI52ZMWt934ecwDEtuQYXPVIVEVISe/s1600/karisma+125.gif" border="0"/></a>

</div></div></div>

6. Setelah memasukan Script diatas ini klik Simpan  Tinggal Lihat Hasil nya, Silahkan tinggal Ganti Link baner dan link yang dituju nya supaya sesuai dengan tujuan anda.sebelum memasng ingin lihat hasil nya Bisa dilihat Disini Sekian Semoga Berhasil, ada kegagalan memasangnya diblog anda silahkan tinggalkan komentar/Pesan Pasti Akan Membahasnya kembali Trims

Bagikan Artikel ini