Cara Membuat atau Memasang Iklan Floating di Blog - Mungkin sering terlihat oleh Anda di blog salah seorang blogger yang menciptakan iklan floating atau melayang di blog. Seperti aku juga yang pernah melihat jenis iklan melayang yang pernah di pasang di fanspage facebook, mungkin Anda juga pernah melihatnya.
![]() |
Iklan Melayang atau Floating di Blog Super-Bee |
Memasang iklan melayang atau floating di blog tidak sulit, alasannya yaitu kita hanya menambahkan beberapa instruksi script kedalam template blog. Namun pada kesempatan ini perlu aku sampaikan kepada Anda bahwa, pada tutorial ini aku hanya menjelaskan memasang iklan melayang di footer blog, untuk memasang iklan melayang di kanan dan kiri blog akan aku jelaskan pada kesempatan berikutnya.
Memasang Iklan Melayang di Blog
Langkah awal untuk menciptakan atau memasang iklan melayang/floating di blog yaitu sebagai berikut:
1. Login ke Blogger.
2. Pilih Tata Letak.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Kemudian Anda Letakkan instruksi di bawah ini ke dalam box "Konten"
<!-- Start Iklan Melayang Footer -->
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/j4vascript'> </script><br>
<script type='text/j4vascript'> $(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/AVvXsEjn15aP9ss62v1XApxqbrOakFfq74jVljkUs_8YzJhk1mtr7qxdOjQTu0WVYhe5Sy7xHWdPfJLl0AZwYwDbfOidRuiP3u9CiL79qRictJkYzwE4tnaoHxOk1eBnRHkcnvdxysWslAfdwcM/s1600/close-icon.png'/></div> <div style='clear: both;'></div> <p> <p><center> Kode Iklan Anda Disini </center></p> </p> </div>
<!-- End Iklan Melayang Footer -->
6. Pada judul widget, hiraukan saja/tidak usah diberi judul, kemudian save dan lihat hasilnya
Demikian yang sanggup aku jelaskan mengenai cara menciptakan atau memasang iklan floating di blog, agar bermanfaat. Pastikan Anda terus mengunjungi super blog pedia untuk mendapat email yang ada di kotak berlangganan di bawah ini
Sumber http://superblogpedia.blogspot.com
Buat lebih berguna, kongsi: