sebagian besar orang ngeblog karena hobi, atau ingin mencari teman atau mungkin yang lainnya.
sebagai sarana ngeblog anda bisa memasang iklan di blog untuk mempromosikan produknya.
script iklan melayang di dengan tombol close ini sangat simple dan responsive hanya sedikit java Script dan tidak memerlukan perangkat jQuery library
iklan memang kita butuhkan untuk kelancaran blog, dan space iklan tidak menggangu pengunjung di blog kita.
salah satunya kita memasang iklan di bawah blog yang responsive .
langsung berikut memasang iklan melayang responsive
pertama anda masuk ke Dashboard anda masing-masing .
setelah itu pilih tata letak, terserah anda mau yang mana lalu klik add a gaget setelah itu pilih HTML/JavaScript lalu copykan script di bawah ini
silahkan pada warna merah ganti dengan iklan anda .<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: 105px; z-index: 9999;'> <div style='text-align: right; width: 728px; height: 15px;'> <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg31JREar35huleT16QGv1h5y2NR44dA-EL0EFvCL73l99Q17WdDHcdlAWsVy5-qEnl8NEaV7XrL69-thaOj-9WsNCQA8zOzIu9fcuQVWaoavjynrEPlsWHHOXJ69pqanrSsuR6mN4VaS0/s1600/tombol+close.png'/></div> <div style='clear: both;'></div> <p> <p><center> <a href="http://bcltx.ga" target="_blank" title="Pasang banner iklan disini"><img alt="Pasang Iklan Anda Disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZphKUzruQudXOa24qz1vE9GiWobfxuXyXyHP5c6LVwsY-8FN31_fsY9nsVGoq0AtDLb0BaOOKU6PUg0TOXiO5kINlLn9sPSPLxSzzU9jynHZobDL1fkPRF_Zagx03-Sn3TZ_KTkQb8IE/s1600/banner+728x90.gif" /></a> </center></p> </p> </div>
Dalam contoh diatas, ukuran banner iklan adalah 728 x 90px utk iklan di tambah space tombol close 15px, jadi jika ingin merubah ukuran banner iklan dengan ukuran yang di inginkan.
sekian artikel membuat iklan melayang resposive di bawah semoga bermanfaat. Terimakasih :D
EmoticonEmoticon