Welcome

cara membuat widget melayang pada blogger


.

1. Log ini ke account blogger Anda. Langsung saja ke sini www.blogger.com
2. Lanjut ke bagian Tata Letak
3. Ke bagian Tambah Gadget (jika Anda ingin menambah gadget baru), tapi kalau mau edit Gadget yang sudah terpasang dan ingin membuatnya menjadi melayang atau floating, maka silahkan pilih salah satu HTML/Javascript kemudian klik edit.
4. Kemudian Copy kode HTML berikut :

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:0px solid #000000;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>Masukkan kode HTML widget widget iklan, widget facebook like, widget follow twitter, bahkan widget iklan</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

catatan :
  • Widget ini saya sudah setting untuk berada di sebelah kiri, untuk modifikasi Anda dapat mengubahnya dengan mengubah bagian yang sudah saya tandai kuning, dari tadinya left menjadi right (untuk widget melayang sebelah kanan).
  • Warna border saya setting jadi warna merah, untuk mengubahnya silahkan ubah kode warna di bagian yang sudah saya tandai orange solid #000000, sesuai dengan warna kesukaan Anda. Kode warnanya dapat Anda cari sendiri di Google , hehehe.
  • Backgroud dapat Anda rubah sesuai dengan kehendak Anda sendiri, modifikasi dengan mengubah bagian yang sudah saya tandai biru. Kode warna cari di google., hehehe
  •  Pada bagian warna merah, silahkan Anda masukkan kode HTML apa saja yang mau Anda buat melayang. Bisa kode iklan.
  • Widget melayang yang saya posting, di klik 2 kali baru keluar.

One Response to “cara membuat widget melayang pada blogger”

  1. Oke makasih ya masbro mau testing dulu nih diblog :D

Total Pageviews

Terjemah