19 Februari 2010

Cara membuat buku tamu yang berisi chat!

Lowongan Kerja SMA SMK Sekarang saya akan menunjukan bagaimana cara membuat buku tamu di blog.
Pada mulanya saya juga ingin membuat buku tamu , tapi setelah saya googling. Akhirnya saya menemukan scriptnya.Karena saya gag pelit saya akan share ke teman-teman hehe. Bagi yang belum bisa ini bisa jadi bahan buat kamu dalam mebuat buku tamu. Script nya sebagai berikut :
Ingat sebelum membuat buku tamu, kamu harus punya shoutmix/shoutbox dulu .
  • Pertama kamu login ke blogger, dan pilih Layout/tata letak.
  • Add widget - HTML/Java Script (gag usah dikasih judul)
  • Copy dan paste script dibawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiUBaMaIt3cvx15B9WpqjqgfGQJcIim5wNrI5RF8k-8E9wFNoqyV_aNNJibyZMJ40nywOoBFayOHhbTY7u_G7MgdxMPmXKMhA1EEyHqdr8DwBfuFpn-4CFm7xMImxxtJ9yYBRDW7KoBXYE/') 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">

/<---//disini kamu paste script shoutmix atau shoutbox kamu///---->/

<div style="text-align:right">
<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>

Kalo berhasil akan tampil buku tamu seperti gambar ini


Selesai.Selamat mencoba .. .. Lowongan Kerja SMA SMK

1 komentar:

BRAM IRIANTO mengatakan...

Info tentang "BUKU TAMU", sangat bagus, tapi secara umum lebih suka menyebutkan "buku tamu tersembunyi", apa memang ingin tampil beda ?
Kelemahannya, jika si pengunjung masih awam, pasti bingung cari buku tamu yang tersembunyi, sama seperti saya dulu ketika masih baru mengenal blog, tul nggak ?

Salam,
BRAM IRIANTO
rockyblank@gmail.com
Cara meningkatkan peringkat page rank untuk blog anda
Labels = dofollow