[ Blogging ] Modifikasi Buku Tamu dengan jQuery

[ Blogging ] Modifikasi Buku Tamu dengan jQuery

07.56

1. Kamu harus mendaftar ke www.cbox.ws untuk mendapatkan kode script cbox/buku tamu

2. Setelah mendapat kode cbox/buku tamu lalu Login ke account blogger Anda

3. Pilih rancangan atau tata letak jika Anda menggunakan dasbor tampilan blogger baru

3. Selanjutnya klik tambah gadget pada sidebar jika Anda ingin meletakkan buku tamu pada sidebar blog Anda

4. Kemudian pilih HTML/Javascript dan copy paste kode berikut ini :

<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('http://4.bp.blogspot.com/-4n0vY5OwoPo/TttOdUmt96I/AAAAAAAAA3Y/ZmZ48ktrjr4/s1600/alibloggers.gif') no-repeat;<br />
}<br />
.gbcontent{<br />
float:left;<br />
border:2px solid #00FF00;<br />
background:url('http://i1193.photobucket.com/albums/aa346/muhammadwali/star.gif')repeat;<br />
padding:15px;<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"><span style="color: red;"></span><br />
<span style="color: blue;"></span><br />
<div style="text-align:right"><br />
<a href="#<span style="color: #999999;">"></span><br />
=>Cara Buat Buku tamu tersembunyi<=<br />
</a>|<a href="javascript:showHideGB()"><br />
[ Tutup ]<br />
</a><br />
</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>

Ganti tulisan yang warna Biru dan LIHAT HASILNYA

SEMOGA BERMANFAAT TEMAN!!!