Cara Membuat Iklan Melayang Dengan Tombol Close

Tutorial BLog

Friday, August 10, 2012

Belum ada komentar

Tidak pernah habis-habisnya klinik-it membahas soal tempat pemasangan iklan yang baik dan mudah di KLIK oleh pengunjung .Dalam Postingan Kali ini klinik-it akan menjelaskan tentang Cara Buat Iklan Melayang Dengan Tombol Close. Tentunya iklan yang melayang mudah untuk di lihat oleh pengunjung dan jika pengunjung tidak ingin melihatnya pengunjung pun bisa mengklik tombol CLOSE yang telah ada. sebagai Contoh iklan Yang MELAYANG bisa kamu Klik Disini.

Ideal kan memasang iklan melayang seperti itu ? Cara Buat Iklan Melayang Dengan Tombol Close itu saya dapatkan dari blognya Mas O-OM. dan sedikit saya share lagi di blog ini. Nah... Buat kamu yang Tertarik untuk membuat Iklan Melayang Dengan Tombol Close seperti itu bisa pelajari tutorialnya Di bawah ini .

1.Login Ke Blogger.

2.Klik Tata Letak.

3.Klik Element Halaman.

4.Kemudian Klik Tanbah Gadget dan pilih HTML / JAVASCRIPT .

5.Selanjutnya Copy dan Paste Kode Berikut Di Dalamnya.

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk1JLJPpz0A_Its3P3lsGsR95IfsZHZrRWEgT32aHECqWGvFAzaW31LW3G-zP8rKaeNKJAeUMvb70w2KC9q7iPxSmjywGr8La_G2BafgnbiHrzx2eDDQaj3nAfxypb8jB0XUOyoI7HlJw/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/AVvXsEhk1JLJPpz0A_Its3P3lsGsR95IfsZHZrRWEgT32aHECqWGvFAzaW31LW3G-zP8rKaeNKJAeUMvb70w2KC9q7iPxSmjywGr8La_G2BafgnbiHrzx2eDDQaj3nAfxypb8jB0XUOyoI7HlJw/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 DISINI

</center>

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

6.Ubah Teks MASUKAN KODE IKLAN DISINI yang berwarna merah Dengan kode iklan kalian masing-masin,kemudian klik SIMPAN.

7.Selesai..dan coba lihat hasilnya.