BritaZone - Nah, sobat BritaZone, pada postingan kali ini kita ajak kalian berkreasi tentang Cara Membuat Iklan Footer Melayang dengan Tombol Close. Space iklan footer melayang ini ukuranya sangan unik dan sangat menarik serta dapat mempercantik penampilan blog kalian. Tampilannya hampir menyerupai banner tipis dan terletak pada bagian paling bawah dan bersifat floating/melayang. Sebagai contoh saja hasilnya hampir mirip sekali dengan iklan footer panjang yang ada di situs seperti vivanews.com, detik.com, liputan6.com dll.
Bila dilihat dari fungsi, iklan footer melayang memang penting sekali apalagi bila kita menggunakan blog sebagai sumber penghasilan. Untuk iklan melayang kali ini tampilannya sangat elegant. Seperti saya sebutkan diatas yaitu meyerupai iklan yang ada disitus besar dan profesional. Nah biar kalian lebih jelas dan kepingin tahu nanti hasilnya seperti apa? berikut ini saya beri gambarnya yang saya ambil dari situs sumber yang menurut saya pertamakali menerapkan cara ini yaitu VOA ISLAM. Saya selaku admin BritaZone mengucapkan terima kasih yang sebesar-besarnya kepada situs tersebut.
Apabila kita lihat gambar diatas maka jelas sekali pada bagian atas kanan tersedia tombol close dengan klik satu kali. Hal ini sangat perlu karena dengan adanya tombol close yang elegant dan bagus seperti itu maka akan menambah sisi estetik dan profesionalisme sebuah blog.
Pada pemasangan di blogspot (blogger.com) sangat mudah sekali. Kita hanya perlu menambahkan widget HTML/Javascript baru lalu copas kode yang dimaksud.
Untuk langkah detailnya sebgai berikut:
1. Login ke akun blogger kalian.
2. Pada Dasbor, pilih blog yang akan dikasih iklan footer.
3. Klik Tata Letak
4. Klik Tambah Gadget, setelah itu muncul jendela munculan dan pilih opsi
HTML/Javascript
5. Copas kode dibawah ini..
6. Klik SIMPAN
Nah, selesai. Cukup mudah kan? Silahkan dicoba saja dulu dan lihat hasilnya.
Semoga artikel ini bisa bermanfaat bagi kalian dan jangan disalahgunakan ya..:) Happy blogging...selalu!!
Apabila kita lihat gambar diatas maka jelas sekali pada bagian atas kanan tersedia tombol close dengan klik satu kali. Hal ini sangat perlu karena dengan adanya tombol close yang elegant dan bagus seperti itu maka akan menambah sisi estetik dan profesionalisme sebuah blog.
Pada pemasangan di blogspot (blogger.com) sangat mudah sekali. Kita hanya perlu menambahkan widget HTML/Javascript baru lalu copas kode yang dimaksud.
Untuk langkah detailnya sebgai berikut:
1. Login ke akun blogger kalian.
2. Pada Dasbor, pilih blog yang akan dikasih iklan footer.
3. Klik Tata Letak
4. Klik Tambah Gadget, setelah itu muncul jendela munculan dan pilih opsi
HTML/Javascript
5. Copas kode dibawah ini..
<!-- AWAL FOOTER IKLAN -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br >
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
<div style='text-align: right; width: 735px; height: 3px;'>
<img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
KODE BANNER IKLAN ANDA
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->Nah, selesai. Cukup mudah kan? Silahkan dicoba saja dulu dan lihat hasilnya.
Semoga artikel ini bisa bermanfaat bagi kalian dan jangan disalahgunakan ya..:) Happy blogging...selalu!!
Tags:
Trik Blogger