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
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.
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#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;
}
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>
<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
Posting Komentar