Membuat Tulisan/Iklan Melayang di Blogspot/Blogger

Mungkin Beberapa orang merasa sangat tertanggu dengan tampilan widget yang satu ini dan menurut saya dapat membuat blog kita di jauhi pengunjung jika pemasangannya sangat tidak tepat.

Mengapa tidak dengan widget ini membuat sebuah gambar, iklan atau bahkan tulisan melayang di permukaan blog dimana itu sangat menganggu visitor yang berkunjung ke blog, namun hal tersebut dapat di atasi dengan meletakkannya di tempat yang tepat dan tidak mengganggu visitor untuk membaca berita yang ada di blog kita.

Berikut caranya untuk Memasang/Membuat Tulisan/Iklan Melayang di Blogspot/Blogger:

1.Cukup Copy kan kode berikut :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
width: 300px;
left: 1040px;
}
* 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>
Letakkan kode/iklan yang ingin di tampilkan disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

2. Lalu masuk ke dashboard anda kemudian Add new Widget > Pilih "HTML/Javascript"
3.Pastekan kode tersebut di Form yang ada lalu save pekerjaan anda dan lihat hasilnya

note : Bagi yang ingin meletakkan Iklan dengan cara membuatnya Melayang harap perhatikan TOSnya jika anda tidak ingin di BANNED

Anda baru saja membaca artikel yang berkategori blogger / blogspot / Tips / Tutorial dengan judul Membuat Tulisan/Iklan Melayang di Blogspot/Blogger. Anda bisa bookmark halaman ini dengan URL http://olengkblogs.blogspot.com/2012/06/membuat-tulisaniklan-melayang-di.html. Terima kasih!

- Wednesday, June 13, 2012