jjjjjj Skip to main content

Cara menambahkan buku tamu di blog

Dido Ubed
March 07, 2013 0 komentar
Terkadang kita inigin mengetahui komentar para pengunjungkita mengenai website kita, seperti komentar posotf, negatif atau hanya para blogwalking yang meninggalkan jejak. akan tetapi pabila website kita hanya terdiri dari 2kolom maka akan memakan tempat untuk widget lainya. maka dari itu kita akan membuat sebuah Buku Tamu yang melayang di samping blog ( Kanan / Kiri ). Sebenarnya caranya cukup mudah anda hanya perlu daftar Cbox kemudian tambah degan beberapa script. langkah - langakhnya adalah sebagai berikut :
1. Daftar untuk mendapatkan script Buku Tamu Anda di Cbox
2. Seteah anda mendapatkan scriptnya pasang degnan cara : Pilih widget HTML/JavaScript.
3. Tambahkan script berikut 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">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www6.cbox.ws/box/?boxid=671114&amp;boxtag=xp5f55&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-671114" style="border:#ababab 1px solid;" id="cboxmain6-671114"></iframe></div>
<div><iframe frameborder="0" width="200" height="90" src="http://www6.cbox.ws/box/?boxid=671114&amp;boxtag=xp5f55&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-671114" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-671114"></iframe></div>
</div>
<!-- END CBOX -->

<div style="text-align:right">
[Pasang Widget]
|<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>  
4. Sisipakan script cbox anda pada script di atas kemudian pilih Simpan.
iklan 5
iklan 6
iklan 4
iklan 1
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar
hhhhhhhhhhhhhhhh