Cara Membuat Iklan Melayang Di Blog

Cara Membuat Iklan Melayang Di Blog | Pada kesempatan siang kali ini saya akan berbagi pada agan-agan semuanya yang lagi cari-cari tutorial Cara Membuat Iklan Melayang Di Blog. Banyak dari teman-teman saya sendirin yang kebingungan dalam membuat Iklan Melayang atau bisa disebut juga dengan Floating.

Nah dari pada kelamaan menunggu penjelasan sari saya mending langsung saja pada tutorialnya di bawah ini :

  • Login Ke akun Blog
  • Pilih Tata Letak
  • Kemudian Tambah Gadget
  • Pilih HTML/Javascript
  • Kemudian Copas kode script berikut ini pada HTML/Javascript yang baru saja agan-agan tambahkan tadi :
<style type="text/css">
#gb{
position:fixed;
top:10px;right: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>

Masukan Kode iklan atau Gambar yang agan-agan inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

  • Nah gantilah Tulisan yang berwarna merah di atas (Masukan Kode iklan atau Gambar yang agan-agan inginkan di sini)dengan kode iklan agan-agan.
  • Yang terakhir tinggal simpan dech. Bagaimana mudah bukan Cara Membuat Iklan Melayang Di Blog.

Share 'Cara Membuat Iklan Melayang Di Blog' On ...

Ditulis oleh: ahmad mustaghfirin - Monday, April 8, 2013

12 komentar untuk "Cara Membuat Iklan Melayang Di Blog"

  1. Replies
    1. iya gan,.. terimakasih atas kunjungan baliknya,.

      Delete
  2. terimakasih untuk tutorialnya gan, ini sangat membantu dan bermanfaat..

    ReplyDelete
    Replies
    1. oke gan sama-sama,.. semoga dapat membantu dan bermanfaat,...

      Delete
  3. cukup simple.., salam kenal, follownya sukses *smile

    ReplyDelete
    Replies
    1. salam kenal juga gan,.. dan terimakasih atas Follow Backnya,...

      Delete
  4. belum minat pasang iklan di blog,saya :)
    salam sukses,makasih tutornya sob.

    ReplyDelete
    Replies
    1. salam sukses juga untuk para blogger Indonesia semuanya,.. hehehehe. terimakasih atas komennya gan,...

      Delete
  5. kunjungan balik mas, maaf komennya saya hapus karena ada link hidup, maaf ya mas :)

    ReplyDelete
    Replies
    1. owh iya gan,.. maaf lupa menonaktifkan LINK dalam komentar dalam Blog agan,..dan terimakasih sudah mau berkunjung balik dan terimakasih pula atas infonya gan,..

      Delete
  6. Mantaps...gan..

    BTW. Ada penawaran menarik nih gan buat para bloger dan webmaster...
    Bisa dapet dollar dengan cm pasang banner diblog atau website...
    Situs PTP bru 2013 bru launch...Daftar gratis..

    Link daftar : http://refban.com/37701

    (cocok bngt dipasang di script iklan melayang)

    ReplyDelete
  7. mantab gan.. senang bisa berkunjung kesini, semoga bermanfaat .salam kenal, kunjungan baliknya ditunggu

    www.produsensusukambingbubuk.com
    susu kambing etawa sari madu utama susu kambing global mandiri sejahtera susu kambing etawa

    ReplyDelete