Saat saya post artikel ini mungkin para master dan sesepuh tersenyum, krn sudah banyak sekali artikel cara Membuat Buku Tamu ini, hehe...
Jika anda tertarik untuk Membuat Buku Tamu Tersembunyi Dan Melayang ini, silahkan ikuti langkah berikut:
Sebelum anda membuat buku tamu ini, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox.widget.me, Cbox.ws, atau yang buatan anak bangsa Teriaklah.com ^_^ Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:
1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6.Lalu Copy kode berikut dan Pastekan Pada kotak HTML
<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/AVvXsEjmqYUCOnGvbhPDOpdhCyoWfw1_eHRGjQmjbSmAvUfPD-D0UMknx5Vr_nPUmPSWeDBuRdRLrQiGT2dWhclQ_9ggQMunI8wK0lOgqqiNzMkUi0T90gRVkhf1D4hnckE-xfXamrMryR_3P4Y9/') 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">
<Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://nge-share.blogspot.com/2012/01/membuat-buku-tamu-tersembunyi-dan.html">
[Get A Widget]
</a>|<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>
Ganti tulisan <Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu anda.
7.Save Widget tersebut.
Jika langkah tersebut sudah anda lakukan,anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah Cara Membuat Buku Tamu Tersembunyi ini, semoga bermanfaat.
