Ingin buat buku tamu melayang seperti ini klik di Sini

Cara Membuat Buku Tamu & Buku Tamu Melayang

Posted in Label: , |

Nggak punya tempat buat kasih komentar pengunjung blog kamu ? nggak usah pusing.... pasang aja Buku Tamu. Dalam artikel ini, kalian dapat memasang buku tamu yang tidak melayang atau pun yang melayang seperti disebelah kanan itu tuh... Kalo tertarik tinggal ikut cara dibawah ini aja kok.


  1. Pertama buat akun di sini , lalu isi formulirnya dan centang "I have read and do agree to the cbox terms and conditions of service."
  2. lalu klik "Create my Cbox"
  3. lalu klik "publish" maka kamu akan di berikan sebuah code
  4. copy code tersebut ke dalam edit HTML/Javascript
  5. kemudian klik simpan
sebenarnya cara membuat chat box, sudah selesai tapi jika kalian ingin tampilan yg simple maka ikuti petunjuk berikut :

  • pertama klik tambah gadget
  • kemudian pilih edit HTML/Javascript
  • terus copy - paste code di bawah 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://i37.tinypic.com/345o85i.gif') 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">

<!-- Kode buku tamu disini -->

<br />

Ingin buat buku tamu melayang seperti ini klik di <a href="http://allinformationofcomputer.blogspot.com/2012/03/cara-membuat-buku-tamu-buku-tamu.html"><b>Sini</b></a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[sembunyikan/hide]
</a>
</div>

</div>

</div> 

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>


ganti seluruh tulisan <!-- Kode buku tamu disini --> dengan kode buku tamu yang sudah kalian dapat dari website tadi...

  • klik simpan, dan jadi deh...


Read Users' Comments (0)

0 Response to "Cara Membuat Buku Tamu & Buku Tamu Melayang"

Posting Komentar

Mohon Di Komentar :D

Langganan: Posting Komentar (Atom)