Cara mudah membuat iklan melayang pada blog dengan tombol close



Apakah anda melihat iklan muncul melayang pada blog ini?? Inilah yang saya maksudkan dengan iklan melayang. Kelebihannya menghemat spasi pada halaman blog dan web inilah yang membuat iklan melayang sangat diminati para pemilik web dan blog. Bagi anda publisher iklan diblog pribadi boleh
mencobanya. Namun bagi para master yang sudah lebih dahulu tahu tidak apa-apa, tidak perlu membaca artikel ini hingga selesai.

Mungkin banyak yang membuat script iklan dengan begitu panjang, namun diantara itu semua saya coba memilih yang simpel buat anda. SIlahkan ikuti langkahnya..
1. Wajib login pada blog anda
2. Buka menu rancangan, tambahkan widget HTML/Javascript dan copy-paste script dibawah ini :
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhemJ2rF2fr1HjM-MwP2QlrbHjB3u7NEOc0xNGmZdkEj4ymBzDz8UTsbm7NTpBQYssaNUgEpdugprey4a1vOs7NHP86KhNIdEu-ZznHdqZXefbhJWGpcl2k9ISZ2Qb43cTSpyBVBittikU/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhemJ2rF2fr1HjM-MwP2QlrbHjB3u7NEOc0xNGmZdkEj4ymBzDz8UTsbm7NTpBQYssaNUgEpdugprey4a1vOs7NHP86KhNIdEu-ZznHdqZXefbhJWGpcl2k9ISZ2Qb43cTSpyBVBittikU/s400/Widget.JPG" 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>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
3. Ingat, untuk kode yang berwarna biru silahkan diganti dengan kode iklan anda
4. Lalu SIMPAN dan lihat hasilnya. Selamat mencoba..

Artikel Terkait



Comments
0 Comments

Komentar

0 Komentar untuk "Cara mudah membuat iklan melayang pada blog dengan tombol close"

Tambahkan komentar anda

Blog ini adalah blog Do Follow. Tentu akan mendapat respon dan menguntungkan bagi blog yang berkomentar. Silahkan berkomentar dengan memperhatikan nilai SARA!!

 

Info Techno

HTML

SEO

Return to top of page Copyright © 2009-2013 | Komunitas BLogger Nias