Cara Membuat Buku Tamu Menggantung di Kanan

Cara Membuat Buku Tamu Menggantung di Kanan

Cara Membuat Buku Tamu Menggantung di Kanan

Langsung saja tanpa basa basi kita langsung ikuti.
Tutornya:
1. Masuk ke "Design"
2. Klik "Add Gadget"
3. Klik "+"/add HTML/JavaScript
4. Pada bagian title, silakan isi dengan "ShoutBox"
5. Pada bagian content, isiken kode berikut:

6. Untuk mendapatkan kode shoutmixnya, silakan buka shoutmix.com, dan daftar gratis di sana. Ambil scriptnya dan replace ke label " <Kode di sini harus didapatkan dari ShoutMix>"

7. Untuk gambar http://i275.photobucket.com/albums/jj300/H4L4LYI/cepotgift.gif, kalo mau diganti cepotnya silakan. tapi kalo gak juga gak apa

8. kalo ada yang kurang jelas sila bertanya, saya usahakan dijawab. kalo ada yang error silahkan tanya juga

PHP Code:

<style type="text/css">
 #gb{
 position:fixed;
 top:50px;
 z-index:+1000;
 }
 * html #gb{position:relative;}
 .gbtab{
 height:210px;
 width:30px;
 float:left;
 cursor:pointer;
 background:url('http://i275.photobucket.com/albums/jj300/H4L4LYI/cepotgift.gif') no-repeat;
 }
 .gbcontent{
 float:left;
 border:2px solid #000000;
 background:#999999;
 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">

<Kode di sini harus didapatkan dari ShoutMix>

<font size="2">
 <div style="text-align:right">
 <a href="javascript:showHideGB()">
 [Close]
 </a>
 </div>
 </font></div>
 </div>
 <script type="text/javascript">
 var gb = document.getElementById("gb");
 gb.style.right = (30-gb.offsetWidth).toString() + "px";
 </script>