Tuesday, December 14, 2010

Tips Trik Blog: Script Membuat Iklan Pop UP Melayang Di Blog

Selamat Datang di Tips Trik Blogs, Blog yang isinya Tips Trik Blog | Free Blogger Widgets | Informasi Menarik Di Bidang Teknologi dan IT.
Tips Trik Blog kali ini akan membahas mengenai cara Membuat script Iklan melayang di blog.
Script Iklan melayang adalah sebuah script dimana jika pengunjung mengunjungi blog kita maka secara otomatis akan memunculkan script iklan dari Adsense yang mengharuskan pengunjung untuk mengklik iklan tersebut untuk menutup pop up dari iklan tersebut,


cara membuatnya , masuk ke menu rancangan ->>Pilih elemen halaman.
pilih Javascript/Html, lalu copy dan pastekan kode berikut.

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}""><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 500px; height: 300px;" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


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

SCRIPT IKLAN ANDA TARUH DI SINI!!!!

</center>

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

Klik Preview untuk melihat hasilnya,
setelah itu SAVE.
Gampang kan?
Sekian Tips Trik Blog saya kali ini, terima kasih sudah menyimak, dan jangan lupa untuk memberikan komentar yang positif demi kemajuan blog ini.
Jika ingin melihat lebih banyak Tips Trik Blog lebih banyak lagi, bisa kunjungi Tips Trik Blogs, disana juga terdapat Free Blogger Widgets alias widgets blog gratis yang bisa anda terapkan untuk mempercantik tampilan Blog anda

0 comments:

Post a Comment

Mohon maaf untuk komentar yang masuk harus terlebih dahulu melalui moderasi untuk menghindari adanya hal-hal yang tidak diinginkan dan juga SPAM..