Tips Membuat Kotak Iklan Melayang Di Blog | Panduan

Ditulis oleh: -
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,
fredosuper.blogspot.com

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/AVvXsEhJoJE3OvIm9ww0VTK0fT_umIjESxRz6Lq54g98uSwX470WIvQKCjpdXKWV6y0vXRh1tf1WORZKPrG9pj-85lHqxhlnyHjITL4IeR4n-h8S8zdONcLDZ0yT1ANX6tOigr9tbjknoRhvjRpX/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




12komentar:

  1. Wiiih pada pinter-pinter bikin beginian yah.. Cuma gue yang o'on soal beginian. Blog gue biasa banget. Hahahhahah :D

    ReplyDelete
  2. waw...mantap ni buat iklan q ada yg kosong sbelah kanan dan kiri. mau cobain ah...

    ReplyDelete
  3. Kalo berat itu nggak mas? cuma tata letak nya harus rapi?

    ReplyDelete
  4. iya tuh mas bikin blog berat ga sih?

    ReplyDelete
  5. kalo berat mah enggak mas? cuma tata letak nya harus rapi biar pengunjung gak terganggu?

    ReplyDelete
  6. apa gak mengganggu pengunjung gan??

    ReplyDelete
  7. Maksih tutuorialnya.. nanti saya coba praktik..
    Sekarang saya izin copy scriptnya dulu

    ReplyDelete
  8. Gak melnggar TOS adsense gak ? Kalu enggak lngsung saya coba nih..

    ReplyDelete
  9. wehhh ijin praktik mas artikelnya keren keren nih scripnya

    ReplyDelete