membuat buku tamu (cbox)

Menbuat buku tamu: 

Haduh sebernya hari inilagi enggAX cerdas nih tapi mumpung lagi ada waktu luang qta share ajha tentang bagaimana cara memasang buku tamu di blog qta, buat agan yang belum tahu apa itu buku tamu (Cbox) nihhh ada contoh nya,     →→→→→→

Nah sekarang sudah tahu kan apa itu buku tamu itu apa, kalau begitu langsung aja deh qta ke cara pembuatannya


pertama  agan buat dulu cbox milik agan sendiri, nah agan bisa dapetin di sini nih.. terus ikuti langkah²nya sampai beres, saya rasa agan sudah tahu dong , jika sudah beres agan copy tuh scriptnya, nah sekarang agan sudah punya tuh cbox milik agan sendiri , selamat ya.......

Eh hampir lupa gan, sekarang tinggal agan pasang tuh cbox nya caranya gax usah saya jelasin deh, pastinya agan semua sudah tahu sendiri donk tinggal tambah ajha tuh gadget HTML/java script, tampatnya terserah agan di mana ajha juga boleh,

Nih saya kasih kodenya

<style type="text/css"><br /> #gb{<br /> position:fixed;<br /> top:50px;<br /> z-index:+1000;<br /> }<br /> * html #gb{position:relative;}<br /> .gbtab{<br /> height:100px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25rbQ-dwtR6nljyrJDzf5928n6-4NT_dfdm1K2wyog1uDBY7v-z4k3_J0BkGeqGTYgEAmUIL1NfBkeljzt0DQkbND1gE-c6jW4TtaBSqiwWBItu0rMXubiXsjeDnBEpN3_mvr8r8Ss4cr/') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:2px solid #A5BD51;<br /> background:#F5F5F5;<br /> padding:10px;<br /> }<br /> </style><br /> <script type="text/javascript"><br /> function showHideGB(){<br /> var gb = document.getElementById("gb");<br /> var w = gb.offsetWidth;<br /> gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br /> gb.opened = !gb.opened;<br /> }<br /> function moveGB(x0, xf){<br /> var gb = document.getElementById("gb");<br /> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br /> var dir = xf>x0 ? 1 : -1;<br /> var x = x0 + dx * dir;<br /> gb.style.right = x.toString() + "px";<br /> if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br /> }<br /> </script><br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"> </div><br /> <div class="gbcontent"><br /> <br /> YANG INI AGAN GANTI DENGAN CRIPT AGAN TADI<br /> <br /> <br/><br /> <br /> <div style="text-align:right"><br /> <a href="javascript:showHideGB()"><br /> <center>[tutup]</center><br /> </a><br /> <br /><br /> <style-color="#00ffff"><a href="http://ddayiponlinesite-trikfb.blogspot.com/p/home.html">buat buku tamu anda sendiri</a><br /> <br /> </style-color="#00ffff"></div><br /> </div><br /> <script type="text/javascript"><br /> var gb = document.getElementById("gb");<br /> gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /> </script></div>

Nah sisanya agan otak-atik aja sendiri deh.......

Salam............