Cara Membuat Iklan Melayang di Blogger

Sebenernya ini merupakan hasil dari jalan² di Blog tetangga. Dan akhirnya nyantol di salah satu halaman milik o-om yang memberikan ilmunya tentang membuat iklan melayang di Blogger. Caranya tergolong mudah untuk diterapin. Gini nich caranya :

1. Login di Blogger

2. Masuk Rancangan

3. Pilih Edit HTML

4. Centang kolom Expand Template Widget

5. Copy Paste kode di bawah ini

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

6. Simpan dan selesai.

Sedikit saran dari aku, tidak perlu membuatnya terlihat samar atau transparan dengan tujuan pembaca akan mengklik iklan tersebut (secara ga' sengaja). Karna dengan membuatnya samar, akan membuat blog terlihat berantakan dan susah dibaca, akhirnya pembaca akan langsung cepat² menutup blog kamu. Semoga bermanfaat.

---