Cara Membuat Buku Tamu Melayang

Haii sobat,ane kmbali lagi ni,mumpung hari minggu,jadi banyakin posting deh, wkwkw  
Ywdh ane mulai aja ya, disni ane mau buat Buku tamu mcem punya ane itu,tujuan nya untuk mempersingkat lahan,hahah, jadi lahan yg lain bisa dpke untuk yang lain,contonhnya iklan, biar kaya, wkwk  


Sok... Monggo di liat !!


Sebelumnya sobat kan udh mendapat java Script dari Cbox kan??
nah tinggal sobat copas aja ke dalam kode ini

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; 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.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <Letakkan disini Kode Cbox anda> <div style="text-align:right"> <a href="http://blog.bludus.com/2011/02/membuat-buku-tamu-tersembunyi.html"> [Bludus.com] </a>|<a href="javascript:showHideGB()"> [tutup] </a> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div> 

Copas kode tersebut di HTML/Java Script , Dashboar>layout>Add gadget>HTML/Java Script
Setelh itu copas kembai kode Cbox sobat di Letakkan disini Kode Cbox anda
Lalu Save,
dan lihat hasil nya seperti punya Saya

Artikel Terkait:

Posted in: Tips dan Trik Blog