Cara Membuat Widget melayang pada Blog

Nah udah pada punya blog bukan sobat2. kemarin aku penasaran bagaimana sih cara membuat iklan atau widget melayang pada blog nah simak langkah2 nya sebagai berikut. Cek it dot.

1. masuk ke dasboard blog kamu.

2. pilih Rancangan / Tata Letak/Design

 3. pada elemen halaman klik ''Tambah widget''

4. Dan pilih Widget HTML/Javascript

5. kemudian paste-kan script di bawah ini.

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; 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> silahkan tempatkan kode iklan atau banner atau teks atau apalah terserah kamu disini yah</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

6. Simpan

Perhatikan pada tulisan yang berwarna Biru pada script di atas, dan yang warna Jingga itu kode iklan atau widget di situ berisi tentang pengaturan tentang posisi, background,border widget melayang tersebut.
Nah demikian yang bisa saya sampaikan Terimakasih,.

Tertarik dengan artikel saya silahkan baca disini dulu

NB: Boleh disebarluaskan asalkan mencantumkan link sumber. 

Sumber

Cara Membuat Widgt melayang pada blog