Cara Membuat Buku Tamu Tersembunyi

15 Ogo 20111comments


Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  Membuat buku tamu harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud dari judul tersembunyi disini bukan lah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. jika masih bingung silahkan ke halaman awal blog ini, dan lihat tulisan bukut tamu. Jika anda tertarik untuk Membuat Buku Tamu Tersembunyi ini, silahkan ikuti langkah berikut:
Sebelum anda membuat buku tamu ini, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix.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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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://blog.bludus.com/2011/02/membuat-buku-tamu-tersembunyi.html">
[Bludus.com]
</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. Ada pertanyaan ? tingglakan komen disini.^^
Share this article :

+ comments + 1 comments

Tanpa Nama
25 Julai 2013 11:23 PG

like this mas bro. langsung aq coba.

Catat Ulasan

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. lubanyuwangi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger