Membuat Buku Tamu Tersembunyi

 

 Mungkin kamu bingung untuk menaruh buku tamu kamu dimana , saran saya buat saja buku tamu tersembunyi .Ini berguna supaya blogmu tidak memuat banyak tempat .

Bagi yang belum membuat buku tamu bisa lihat panduan DI SINI
Jika sudah membuat buku tamu ayo kita lihat caranya di bawah ini :

Langkah-Langkah :
1.Login blog anda www.blogger.com
2.Pilih Layout / Rancangan
3.Add gadget / Tambah gadget
4.Pilih HTML / Java script
5.Masukan kode di bawah ini

<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">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://ariefinity.blogspot.com/2011/10/membuat-buku-tamu-tersembunyi.html">sini (Tutorial blog)
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6.Ganti tulisan  <!-- Ganti ini dengan kode buku tamu kamu --> dengan kode shoutbox / cbox anda , contoh cbox saya

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="500" height="425" src="http://www3.cbox.ws/box/?boxid=3318490&amp;boxtag=w8n72p&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3318490" style="border:#000000 1px solid;" id="cboxmain3-3318490"></iframe></div>
<div><iframe frameborder="0" width="500" height="75" src="http://www3.cbox.ws/box/?boxid=3318490&amp;boxtag=w8n72p&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3318490" style="border:#000000 1px solid;border-top:0px" id="cboxform3-3318490"></iframe></div>
</div>
<!-- END CBOX -->


7.Dan ganti tulisan 50px dengan ukuran sesuka anda , semakin kecil angka yang anda ganti semakin ke atas buku tamu tersebut.

10 comments:

Bisnis Online Blog said...

Pertamax.

Sudah saya cob akok kolomnya ga nampil ya sob, dimankaah yang salah?Trims infonya.

Arief Ghazali Anwari said...

coba anda tiban sob tulisan "Ganti ini dengan kode buku tamu kamu " dengan script buku tamu anda

Rama88 said...

ane pernah nyobain dulu sob,, hehehe,, thx for sharing,, happy blogging and salam kenal,, :D

Arief Ghazali Anwari said...

@rama88 salam kenal juga sob :)

cangkal said...

sip sob tutornya.. :)

Dhoooes said...

Nice Share Sob !
Berkunjung http://edho-xp.blogspot.com/

locker/blog said...

koment-koment. hehehehe
http://wielocker.blogspot.com/

Anonymous said...

postingannya menarik n kerenn...

http://www.facebook.com/GudangFashionPria

Arief Ghazali Anwari said...

@all: thanks all :)

Aldio said...

boleh jg nie sob, ijin nyimak ajah, buat nambah2 ilmu :D

Post a Comment