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 ...

Anda baru saja membaca artikel yang berkategori Modifikasi Blog dengan judul Cara Membuat Iklan Melayang Di Blog. Anda bisa bookmark halaman ini dengan URL http://codingngeblog.blogspot.com/2013/04/cara-membuat-iklan-melayang-di-blog.html. Terima kasih!

Ditulis oleh: Unknown - Monday, April 8, 2013