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.
2 comments:
keren kawan, saya sudah pake tapi menggunakan javascript yg berbeda dan sedikit modifkasi, heheee
nice post !!
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