Cara membuat banner melayang di blog

Mungkin sering terlihat oleh Anda di blog salah seorang blogger yang membuat iklan floating atau melayang di blog. Seperti saya juga yang pernah melihat jenis iklan melayang yang pernah di pasang di blog INI,

Terlepas dari itu semua, dan kembali ke pokok pembahasan kita cara membuat atau memasang iklan floating di blog. Seiring dengan perkembangan blogger, kini blog juga dapat menghasilkan uang, salah satu caranya adalah memberikan space iklan kepada advertiser (pemasang iklan) yang ingin menjual atau mempromosikan produknya di blog atau website yang kita miliki. Dengan demikian, salah satu space iklan yang dapat kita berikan adalah iklan yang berjenis floating atau melayang. Namun perlu saya ingatkan kepada Anda adalah jangan terlalu tamak untuk memberi space banner yang bersifat floating. Karena jika Anda terlalu banyak menampilkan iklan floating di blog Anda, maka pengunjung juga tidak suka. Mengapa demikian? karena mereka merasa terganggu dengan iklan tersebut ketika mereka fokus membaca artikel di blog atau website anda.


cara membuat banner melayang di blog


Memasang Iklan Melayang di Blog

Langkah awal untuk membuat atau memasang iklan melayang/floating di blog adalah sebagai berikut: 

1. Login ke Blogger.
2. Pilih Tata Letak.
3. Pilih Add Gadget.
4. Pilih HTML/JavaScript.
5. Kemudian Anda Letakkan kode 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/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8zkDVsQf1dTtegLhPM-0hkqj7Ww-W8yFws5AUmOc54p5MhIbP9UOlkoiMVXaYVjcXdAwUacENYoakOA34ui3SX71OxYu7SmlBoM7vixQ3siiCWQDmA_INko6CZNnuZVE-Lg5weXEL4pw/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 dapat saya jelaskan mengenai cara membuat atau memasang iklan floating di blog, semoga bermanfaat.


 sumber : bloganalsupriatna.blogspot.com

Subscribe to receive free email updates: