gadget tersembunyi

FACE GADGET

UNTUK GADGET BERIKUTNYA
---------Image 2
Gadget Blog Anda Demo Gadget Blog Anda Demo2 Gadget Blog Anda Demo Gadget Blog Anda Demo Gadget Blog Anda Demo Gadget Blog Anda Demo Gadget Blog Anda Demo2

mega dropdown

Translate

S- otomatis

Cara mengganti nama Buku Tamu yang sudah ada

Ok teman, sekarang kita mulai bagaimana "mengganti nama buku tamu sendiri". Selain gadget buku tamu tersembunyi, bisa Anda untuk menggantinya sebagai image Anda sendiri.
Baik kita persingkat saja agar cepat selesai, coba perhatikan code HTML/JavaScript di bawah ini:
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:40px; float:right; cursor:pointer; background:url('http://1.bp.blogspot.com/-image punya Anda.png') no-repeat; } .gbcontent{ float:right; border:1px solid #B3B3B3; background:BLACK; padding:5px; } </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.left = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">code gadget Anda di sini<a href="http://bloganda.blogspot.com/"target="_blank">Buka</a> <div style="text-align:right"> <a href="javascript:showHideGB()">Tutup </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.left = (30-gb.offsetWidth).toString() + "px"; </script>

Catatan:
  • Bahwa teks yang berwarna seperti, http://1.bp.blogspot.com/-image punya Anda.png ganti dengan imagae Anda.
  • Sedangkan untuk latar belakangnya dari tempat gadget itu, seperti code warna BLACK atau bisa Anda ganti dengan code "angka" misalnya #0000000;
  •  Dan yang ini, sebagai alamat blog Anda seperti ini http://bloganda.blogspot.communtuk mengarahkan pengunjung berillah nama apa saja sesuai kehendak Anda, di sini saya memberi nama Buka
  • Untuk menutup gadget tersebut bisa Anda ganti dengan apa saja (Hide) atau (Close).
Berikutnya, untuk menautkan URL Image Anda  dan buatlah image seperti pada halaman ini, untuk mendapatkan URL image Anda itu, lalu cut, selanjutnya paste seperti yang Anda baca pada artikel ini.
 Selesai.....selemat mencoba semoga berhasil................Terima kasih....

Tidak ada komentar:

Posting Komentar

Silahkan komentar berikan pada kolom FB ini. Terima kasih