19 Mar 2011

Membuat Buku Tamu tersembunyi

Widget Shoutmix atau Buku Tamu ini memang cukup banyak kegunaannya,selain untuk sekedar sapa menyapa antar pemilik blog, juga dapat untuk pesan konfirmasi, dan memberitahukan sesuatu kepada pemilik blog,dari segi fisiknya sih lumayan makan tempat,jadi saya buat saja tutorial ini guna menghemat tempat untuk widget - widget penting lainnya...OK dah tanpa basa - basi lagi kita mulai tutorialnya. Cara membuat buku tamu atau shoutmix tersembunyi. Ikuti langkah-langkah berikut :




1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyq-vdC6y5nljjj8SA852KG2ajyKHTtiHUO3HtRx5N5bWrUfG8UFKslIB6J8lPdGenwwBh-vNQGx42n0rGOBcDDGbPTIRBa9jHVFKopldR8Zcqg7LARFe5xD7FGJ5UTMGBBdUEy4ho3mw/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
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">
MASUKAN KODE SHOUTMIX
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

catatan!
1. Tulisan yang berwarna Biru untuk mengatur posisi, bisa anda ubah sendiri.
2. Ganti texs berwarna Merah dengan kode buku tamu anda.


buku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan. bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..biasanya buku tamu ini banyak yang menggunakan layanan dari shoutmix 
Selesai, Semoga Bermanfaat.


Share on :
Related Posts Plugin for WordPress, Blogger...

2 comments:

Ladida Cafe mengatakan...

keren kawan, saya sudah pake tapi menggunakan javascript yg berbeda dan sedikit modifkasi, heheee

nice post !!

Unknown mengatakan...

ha...ha...makasih sob, walau berbeda tetap satu jua

Posting Komentar

Silahkan komentar anda baik berupa saran atau cacian yang tetntunya bersifat membangun agar blog ini lebih berbobot dan bermanfaat

 
© Copyright BANGDEX NEWS 2012 - Some rights reserved | Powered by Blogger.com.