Membuat iklan Melayang Dengan Tombol Close

Bookmark and Share
Pintu Kaya - Mungkin Tips dan Trik ini sudah banyak yang menerangkannya. Namun tak ada salahnya kan Pintu Kaya coba Share lagi. Siapa tahu aja ada yang belum tahu.

Seperti biasa, sebelum saya share tips dan tutorialnya. Saya akan menerangkan dulu tentang manfaat Tips yang nantinya akan kita terapkan bersama. Manfaat dari Widget yang nanti akan kita buat. Akan menambah Space atau ruang Iklan di Blog anda. Namun bukan berarti hanya iklan doang yang bisa kita terapkan atau masukkan di widget ini. Jika anda kreatif, anda bisa memanfaatkannya lebih maksimal, ketimbang hanya buat Iklan.
Cara dan script ini saya dapatkan dari o-om. Namun tentu saja script tersebut saya utak-atik sedikit.
Oke langsung saja yuk ke caranya :
1. Sign in ke Akun Blogger anda masing-masing.
2. Masuk ke Tata Letak atau Design
3. Pilih Add a Gadget dan Pilih Tambahkan HTML/JavaScript
4. Masukkan Kode dibawah ini :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #007FFF;
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()">
<img src="http://lh6.ggpht.com/_FWwl_YUvDYE/TBxsvxjuoZI/AAAAAAAAATU/uYLtJYRNUds/popover-close-button.gif" alt="close this ads">
</a>
</div>
<center>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center><br>
<div align="right">
This widget created by <a href="http://pintu-kaya.blogspot.com" title="Tips Blog dan Berita Tekhnologi Terkini">Pintu Kaya</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
5. Save

Note : Tulisan yang bewarna Merah dapat diganti dengan Script Iklan anda. sedangkan tulisan yang bewarna biru dapat diganti sesuai dengan Selera Anda.

Semoga Tips yang singkat itu dapat membantu Sobat Blogger sekalian, Keep Blogging!

Related Post



{ 0 Komentar... Views All / Send Comment! }

Posting Komentar