Pages

Membuat Iklan Footer Melayang dengan Tombol Closed

Membuat Iklan Footer Melayang dengan Tombol Closed - Begitu banyak iklan yang terpasang pada sebuah blog/web dengan berbagai posisi dengan tujuan yang beraneka ragam.

Pada kesempatan kali ini skocikita akan membuat tutorial sederhana tentang cara membuat iklan melayang di bagian footer yang dilengkapi tombol closed. Tutorial seperti ini sebenarnya telah banyak diulas oleh kawan-kawan blogger yang lain, namun tentunya dari sekian banyak tutorial mempunyai karakter dan gaya yang berbeda-beda. Oleh karena itu saya berharap kehadiran artikel ini dapat menambah perbendaharaan sobat khususnya menyangkut iklan footer melayang.

Tanpa panjang lebar lagi, inilah skript iklan melayang (fixed) di bagian footer:
<!-- 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: 100px; z-index: 9999;'>
<div style='text-align: right; width: 730px; height: 3px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXu97JbvIi6QAr6OMPY4G-sBDSNKlG-Eh1uCg62aC-knt4yd0PX0TQRzuNtgoYIPY2_CpQ_o-4IFHFOtTFXpwwQ8Hfrlxbf7ekERvgSyQ-x_8rw-u1aeQsndklrs-HJbWE3geyhYoHG52i/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Tempatkan kode iklan anda disini</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->
Cara pasang:
1. Login ke Blogger
2. Klik Rancangan
3. Klik tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan kode di atas pada kolom yang tersedia
6. Klik Simpan dan lihat hasilnya

Salam blogger...
Untuk berlangganan artikel, masukan email anda disini:



12 Comment :

Fauzionline mengatakan...

yang nggak pake javascript ada nggak ya? pake html biasa kayaknya lebih ringan

papadiva mengatakan...

Oya coba yg ini dulu sob, ga berat koq dan cara pemasangannya pun lbh mudah karena gak usah utak-atik template :)

Cara Terbaru mengatakan...

Terima aksih banyak,,
akhir nya nemu juga disini saya,,
moga sukses mas

papadiva mengatakan...

Amin, sama2 trimakasih jg...

yandi mengatakan...

minta ya gan

El Shaarawy mengatakan...

Makasih infonya, ane mau coba... :D

fata mengatakan...

makasih

produk grosiran mengatakan...

Nah ini yang saya cari gan..

tutorial blog mengatakan...

thanks gan tutornya..

Uem Cuters mengatakan...

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

enimart mengatakan...

berbagi itu lebih baik . alhamdulillah bertemu web ini .
trimakasih
bravo untuk anda yang mengelola site ini .
sukses yah semoga bisa menjadi inspirasi untuk yg lain..

era pasifik mengatakan...

sipp sudah bisa gan

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry