Pasan Bingkai Iklan Melayang

Blog tutorial kali ini yang saya postingkan yaitu bagaimana memasang bingkai iklan yang melayang dan hanya dapat ditutup dengan mengklik tombol closenya saja. Jadi diharapkan dengan memasang iklan melayang ini, diharapkan para pengunjung blog sobat sudi mengklik salah satu iklan yang tertayang dan ini juga sekaligus dapat menambah penghasilan sobat dari ngeblog.

Penasaran ingin membuatnya? cekidot bro...

Berikut cara membuatnya:

• Klik menu "Rancangan" --> "Elemen Laman" --> "Tambah Gadget" --> "Tambah HTML/Javascript".


• Kemudian copy kode dibawah ini dan pastekan kedalam kotak "Tambah HTML/Javascript tersebut dan tidak perlu diberi judul.




<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
-moz-border-radius:10px;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #171615;
background:#EFCC55;
padding:10px;
-moz-border-radius: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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgM6OuIFF0JGBGlOVFgn9rolAPbrbJlyz0c-1vrSzgxnwcgpKLo2HOELVAKYRWJ0rSCWRvncIS2IemOBUvByHz6N35JU6sbRiRjjzypDnsxXANFm2uL9yWD5afBN4Qy0jVKGb7sZARqNMB/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
<b>Klik iklan dibawah ini untuk memberikan donasi:</b><p>

Link Iklan Anda

</center>

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




• Ganti kode berwarna merah dengan link dari iklan sobat.


• Untuk mengganti warna background, sobat dapat mengubah kode html warna pada kode berwarna ungu. Dan untuk mengganti warna garis tepinya, sobat dapat mengubah kode html warna pada kode berwarna biru. Untuk kode warna html, sobat dapat lihat di sini.


• Kode berwarna hijau untuk ketebalan garis tepi yang dapat sobat ganti sesuka sobat


• Klik tombol simpan dan lihatlah tampilannya diblog sobat.

Sobat bisa melihat contoh hasilnya di sini.

Selamat mencoba dan bereksperimen...
Semoga berguna dan bermamfaat...

Seluruh artikel postingan pada blog ini dapat di copy-paste dengan syarat menuliskan sumbernya dan memasang link aktif blog ini pada blog sobat | Bagi Sobat yang menemukan link download bermasalah (brokenlink) dapat memberitahu saya di sini

Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.

Artikel Terkait: