Cara Membuat Widget Melayang Pada Blog

Cara Membuat Widget Melayang Pada Blog - Widget melayang pada sebuah blog selain akan mempercantik blog juga ternyata banyak manfaat yang bisa sahabat dapatkan dengan Membuat Widget Melayang Pada Blog, diantaranya widget melayang ini bisa sahabat gunakan untuk sebuah iklan PPC. Biasanya iklan PPC yang mungkin tidak bisa ditampilkan secara utuh pada blog karna keterbatasan tempat pada halaman utama. Nah salah satu solusinya sahabat bisa memasang iklan PPC dengan menggunakan widget melayang yang akan saya bahas pada artikel kali ini.

Cara Membuat Widget Melayang Pada Blog - Widget Melayang yang akan saya bahas ukurannya akan menyesuaikan sesuai dengan ukuran iklan yang sahabat pasang, jadi sahabat tidak perlu lagi mengatur ukurannya. Namun untuk penempatannya sahabat bisa menempatkan dimana saja sesuai dengan keinginan sahabat.

Oke apabila sahabat tertarik untuk memasangnya pada blog sahabat berikut langkah langkah Cara Membuat Widget Melayang Pada Blog :

1. Login terlebih dahulu ke blogger

2. Lalu pilih Rancangan

3. Tambahkan Widget Baru / Add Widget

4. Lalu pilih HTML/Javascript

5. Copy kode dibawah ini lalu tempelkan kedalam widget tadi

<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 tempelkan kode iklan atau banner milik sahabat disini 
</center>
<script type="text/javascript">
var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

6. Silahkan atur posisi dan warna widget sahabat dengan mengganti kode yang berwarna Biru. Untuk menempelkan kode iklan atau banner sahabat silahkan ganti dan tempelkan pada tulisan Silahkan tempelkan kode iklan atau banner milik sahabat disini yang berwarna merah.

Nah mungkin itu sedikit pembahasan tentang Cara Membuat Widget Melayang Pada Blog, untruk saran dan kritiknya silahkan poskan pada kotak komentar. terimakasih