Ads 468x60px

Jumat, 04 November 2011

MSS : Cara mudah membuat iklan melayang dalam blog

Sering kali saya berkunjung kebeberapa blog dan menemukan iklan melayang seperti dibawah ini, saya jadi penasaran dan tertarik untuk mecoba trik ini karena saya fikir pasti dapat meningkatkan jumlah klik iklan, namun bagi anda para blogger yang pengen blognya kelihatan profesional saran saya jangan pake tips ini deh karena saya rasa posisinya mengganggu para pembaca dan penampilan blog jadi kurang profesional





Berikut langsung saja kita bahas bagai mana caranya membuat iklan melayang tersebut

  1. Login ke akun Blogger.com
  2. Masuk ke tab tata letak
  3. Klik elemen halaman
  4. Klik tambah Gadget Pilih html/Java script
  5. Kemudian Copy paste kode di bawah ini 
  6. Letakkan Iklan atau Gambar anda pada Text  yang berwarnah merah dibawah
  7. Terakhir tombol simpan
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrKnrZeWNJS5WxeQtpX9POiUC_p60Rb3Ba9RR4EwCpf2BQizKznrrRK8KJ50LvFM7pGZcjKZza6mv51go-HPO20oI_5Zd4td9EqJbVlhaa73TcMYlEoCbZnrmSRv2yPZVNqwrWpaCbJ-E/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/AVvXsEhrKnrZeWNJS5WxeQtpX9POiUC_p60Rb3Ba9RR4EwCpf2BQizKznrrRK8KJ50LvFM7pGZcjKZza6mv51go-HPO20oI_5Zd4td9EqJbVlhaa73TcMYlEoCbZnrmSRv2yPZVNqwrWpaCbJ-E/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 Script atau Code iklan atau Gambar di sini
</center>

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

0 komentar:

Posting Komentar