Home » » buat buku tamu auto hide

buat buku tamu auto hide

Written By made oka jaya diputra on Sunday, January 22, 2012 | 6:47 AM

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 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 ShoutboxCbox, 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">
Get this <a href="http://kamu-klik.blogspot.com/2011/11/membuat-buku-tamu-tersembunyi.html" target="_blank"><blink>widget</blink></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.


Kalau sudah melakukan langkah-langkah dia atas, maka silakan anda lihat hasilnya ^^ selamat mencoba, dan semoga berhasil.. :)

Share this article :

0 comments:

Post a Comment

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. bli blogen - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger