Postingan Blogger

Penulis-Bulukumba (Pb)





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 tulisan yang berwarna hijau dan merah. 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



Sahabat suka dengan artikel "Cara Membuat Widget Melayang Pada Blog" atau merasa bermanfaat? Jika ya, Sahabat bisa membagikannya dengan cara meng-klick tombol Plus One yang ada di samping, atau tombol Facebook dibawah ini. Tengkyu



  Reviewer : 10


  Reviewer : 10