Cara Tepat Membuat Kotak Iklan Melayang Di Blog Keren

Ditulis oleh: -
Cara Tepat Membuat Kotak Iklan Melayang Di Blog Keren- Cara Membuat Kotak Iklan Melayang Di Blog- Kali ini saya akan membagikan cara membuat kontak iklan melayang. dan untuk penjelasan Banner adalah sebuah gambar yang di pasang untuk mempromosikan produk. berupa iklan maupun informasi media sosial. ini biasanya untuk menarik perhatian pengunjung, kali ini para blogger banyak cara yang dilakukan untuk menarik perhatian para pengunjung tentang informasi atau media sosial yang agan pasang,
Bagaimana sih cara membuat kontak iklan melayang atau terbang. cara pemasangan banner terbang untuk di blog. untuk artikel ini saya akan berbagi ilmu tentang cara membuat iklan melayang di blog. untuk pemasangan kotak iklan atau informasi yang ingin agan pasang ini tidak lah sulit karena kita cukup tahu scrip kode nya saja. iklan merupakan hal yang sangat populer dikalangan pelaku bisnis online dan seorang blogger pun bisa menghasilkan puluhan juta dari jasa pemasangan iklan di website yang dimiliki. tetapi masih banyak lagi para blogger yang masih binggung untuk memasang iklan dari si pengiklan yang meminta untuk memasang bannernya melayang atau disebut floating di kiri atau di atas.

Berikut ini  Cara Membuat Kotak Iklan Melayang Di Blog :

langkah pertama :
  1. Login ke blogger agan bisa klik di sini Blogger 
  2. Dan masuk ke tab tata letak
  3. Tambah Gadget pilih HTML/JAVASCRIPT
  4. Dan copy kode di bawah ini:
<style type="text/css">#gb{position:fixed;top:10px;z-index:+1000;}* html #gb{position:relative;}.gbcontent{float:right;border:2px solid #A5BD51;background:#ffffff;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent"><div style="text-align:right"><a href="javascript:showHideGB()">.:[Close][Klik 2x]:.</a></div><center>
masukkan kode HTML/javascript nya Di SINI
</center><script type="text/javascript">var gb = document.getElementById("gb");gb.style.center = (30-gb.offsetWidth).toString() + "px";</script></div></div>
  • Dan yang ini pun tidak kalah bagus nya Cara membuat iklan melayang dibawah footer versi Smartfon
<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 {width: 100%; bottom: 0; left: 0; position: fixed; opacity: 0.9;}div#btm_banner img{border:0;cursor:pointer;}</style><br /><div style="height: 0px;"></div><div align="center" id="btm_banner" style="height: 100px; z-index: 9999;"><div style="height: 6px; text-align: right; width: 728px;"><img id="closed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlasza3wB6Naw6jQnx0ciypTWA3MIWZPfLHX1IEgg1mTzxvJWwG5uNoxBSgKTgQMAw6eTxUOpFm_ZKBi8iCYU2z-qHuzcxCjQndmYTRjPqy_jX5a-ag0xlWYLwevESgFCYdFAo6DEdKfZy/s1600/close-icon.png" /></div><div style="clear: both;"></div><br /><br /><center>Masukan script iklan anda disini</center>

Demikianlah artikel Cara Membuat Kotak Iklan Melayang Di Blog yang caranya sangat simpel. Tapi saya sarankan kembali dengan variasi iklan atau banner melayang buat di blog yang bisa agan gunakan. melalui dari cara membuat iklan melayang ini yang bisa di close dan tanpa close dan cara membuat iklan melayang ini di sebelah kiri atas kanan blog yang hampir sama saja dengan cara membuat iklan melayang di tengah atau di bagian footer blog yang bisa agan setting. namun sebaiknya space iklan yang mau di pasang jangan sampai menggangu pengunjung blog ketika dia sedang bertamu. kiranya cukup jelas penjelasan di atas.  terimakasih atas kunjungannya

0 comments "Cara Tepat Membuat Kotak Iklan Melayang Di Blog Keren", Baca atau Masukkan Komentar