Cara Memasang Baner Dengan CSS Tampilan Dinamis

Cara Memasang Baner Dengan CSS Tampilan Dinamis, SIMPANGblogger Masih memberikan Cara Pasang baner kali ini dengan baner ukuran 125x125px dan cara memodipikasi dipadukan dengan CSS 
Agar kelihatan Sangat menarik Bikin pengunjung Blog kita jadi penasaran ingin mengklik nya. Bagi yang ingin memasang nya silahkan pelajari dengan cermat script dibawah ini.
1. Masuk ke account blogger
2. Untuk membuat caranya mudah tinggal pilih Rancangan >> Edit HTML
3. Lalu cari kode ]]></b:skin> dan copykan kode 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 masalah lagi Tinggal Simpan Tempelats
5. Buka Tata Letak lalu 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="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhieXlUD8KOoQQu_CB3YvkoXJQ9SORmnXJXbxzbnHkz7wXkVFd9Qz5X7UxXk2lTlmstTedIWALqdYCZFAosVNkyONxegoWDeuz50m6nIazsXT9lBOJeIBQjWlkvK9DZ3o9ndnUimBq8oSA/s1600/yoel.gif" border="0"/></a>

<a target="_blank" href="http://simpangblogger.blogspot.com/"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZD8-e2TXh7QVRY6OL3ftmXp58sE2O4H6pEeEE06k9NCd2gTfmnBhfyERgfkBj6pVDVjjOHwOlFdkJan_mXH_ScauZoFkpFm39NkynWWVUcuLhA1tbyxsZrVSS0FseoW8uuVPzT9mCdg/s1600/Ad_125.gif" border="0"/></a>

<a target="_blank" href="http://simpangblogger.blogspot.com/p/jasa-webblog.html"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZD8-e2TXh7QVRY6OL3ftmXp58sE2O4H6pEeEE06k9NCd2gTfmnBhfyERgfkBj6pVDVjjOHwOlFdkJan_mXH_ScauZoFkpFm39NkynWWVUcuLhA1tbyxsZrVSS0FseoW8uuVPzT9mCdg/s1600/Ad_125.gif" border="0"/></a>

<a target="_blank" href="http://www.karismaprint.com"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEges3b-WROAbEY0MrBpz42asRgUlDR5Xijm_GE5Y1uTr6zfccTONzCwbZxdBE5QYm3wxY3OoKgaMmQj7Fn9peGZDy9VxV3HfBCsHUEfSTw1onufBJ60U9_giv1JdjZR263f_mMFIim5NOFY/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 agar 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 SIMPANGblogger Akan Membahasnya kembali Trims

Komentar