Cara Bikin Iklan Melayang di Halaman Blog

Cara Bikin Iklan Melayang di Halaman Blog

Pemasangan iklan dihalaman blog akan merubah penampilan blog kita seakan-akan lebih aktif,tetapi dalam pemasangan itu sendiri kita harus pandai-pandai memilih model seperti apa kira-kira iklan itu akan ditampilkan,karena langkah ini harus sesuai dan pas dengan model dan ukuran template blog kita,diantanranya yaitu di tampilkan dengan melayang di halaman blog,

Nah....!!! Buat shobat blogger yang ingin pasang Iklan melayang di Halaman Blognya berikut ini step by stepnya : 

1. Masuk ke desain / rancangan

2. Tata letak
3. edit a gadget
3. Pilih Html/java Script
4. Copykan script berikut

 <style type="text/css"></p> <p> #gb{</p> <p> position:fixed;</p> <p> top:200px;</p> <p> left:250px;</p> <p> z-index:+1000;</p> <p> }</p> <p> * html #gb{position:relative;}</p> <p> <br></p> <p> .gbcontent{</p> <p> float:right;</p> <p> border:1px solid #A5BD51;</p> <p> background:#cccccc;</p> <p> padding:10px;</p> <p> }</p> <p> </style></p> <p> <br></p> <p> <script type="text/javascript"></p> <p> function showHideGB(){</p> <p> var gb = document.getElementById("gb");</p> <p> var w = gb.offsetWidth;</p> <p> gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);</p> <p> gb.opened = !gb.opened;</p> <p> }</p> <p> function moveGB(x0, xf){</p> <p> var gb = document.getElementById("gb");</p> <p> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;</p> <p> var dir = xf>x0 ? 1 : -1;</p> <p> var x = x0 + dx * dir;</p> <p> gb.style.top = x.toString() + "px";</p> <p> if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}</p> <p> }</p> <p> </script></p> <p> <br></p> <p> <div id="gb"> </p> <p> <br></p> <p> <div class="gbtab" onclick="showHideGB()"> </div> </p> <p> <br></p> <p> <div class="gbcontent"> </p> <p> <br></p> <p> <div style="text-align:right"> Klik 2 kali untuk keluar</p> <p> <a href="javascript:showHideGB()"></p> <p> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdaA-Re-akb0tn1ht4oFjYPblJHnvP-Kpq2YZ_VcFPue47U7BBrlD2NuDQcVB6E7rALH0DSzQqfa5HY9bTm_knlyuXW2A9YlcKdfl7C8-brUKh4B97ODwcERDZquPON7AoOTDiYtWmJOg/s1600/Close.png" /></p> <p> </a></p> <p> </div> </p> <p> <center> </p> <p> <br></p> <p> PASANG IKLAN ANDA DISINI </p> <p> <br></p> <p> </center> </p> <p> <br></p> <p> <script type="text/javascript"></p> <p> var gb = document.getElementById("gb");</p> <p> gb.style.center = (30-gb.offsetWidth).toString() + "px";</p> <p> </script></div> </div> </p> <p> <br></p> Jangan Hapus Link Sumber Hak Cipta Terproteksi DCMA <p> <a href="http://panggungweb.blogspot.com/">http://panggungweb.blogspot.com/</a>

5.Selesai
Selamat mencoba dan berkreasi,semoga aartikel ini bisa bermanfaat buat shobat blogger