Friday, August 16, 2013

Pasang floating iklan atau gambar di blog

Dalam suatu kesempatan kadang sedikit aneh ya kawan kalau ada gambar yang diam tak bergerak di atas status bar browser anda dan akan hilang di saat kita klik closed. Lihat gambar di bawah ini untuk lebih jelasnya.

Pasang floating iklan atau gambar di blog


Floating ini bisa di isi iklan dari adsense dan sebagainnya atau gambar iklan biasa juga bisa


Pasang floating iklan atau gambar di blog


1. Pergi ke blogger.com lalu sign in menggunakan akun blogger anda

2. Pilih blog yang akan kalian gunakan floating ini

3. Pergi ke Tata Letak lalu Tambah Gadget pilih HTML lalu kopas kode di bawah ini

<!-- Start Iklan Melayang Footer -->
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> <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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtMRBUl_t7FAUVu5UNx2M30DqyGl8UnywInbds0-NrCOyWiDlszcuHPIPPLUNGJLuNq7OHRvsUD8CSmdGmI9G8yHtacDmchTcysLL5_cCwqEl2IqfzMJXU9Jxuc0bJ7n9o52kbE4j-myw/s1600/close-icon.png'/></div> <div style='clear: both;'></div> <p> <p><center>isi floating nya disini</center></p> </p> </div>
<!-- End Iklan Melayang Footer --></scriptsrc='http:>

4. Ganti teks bertulisan merah tersebut, isi dengan gambar berlink, script iklan juga bisa

5. Simpan deh

Sangat Mudah kan ?

Artikel Terkait

Pasang floating iklan atau gambar di blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email