[Blog Tips & Tricks] Membuat Buku Tamu Tersembunyi

Hallo semuanya
kita jumpa lagi,sebelumnya saya mau mengucapkan semoga sahabat semua dalam keadaan
baik-baik saja,baiklah tidak usah basa-basi
lagi,kita langsung saja pada pokok
masalah.sebenarnya saya bingung dengan judul kali ini yaitu “Membuat Buku Tamu Tersembunyi”,apa
maksudnya ya,Untuk lebih memudahkan pemahaman anda coba klik link berikut

 dan
terlihat di pojok kanan ada
widget Buku tamu jika anda klik
tab warna hijau tersebut,maka Buku Tamunya akan tertarik
keluar,lebih baik anda artikan sendiri
apa maksudnya deh ya sob.Untuk
Membuat hal seperti itu sebenarnya
caranya sangat mudah kok,untuk lebih ngerti lebih
baik ikuti aja trik berikut
ini sampai akhir,dan tolong berikan komentar anda.OK

Berikut langkah-langkahnya



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/AVvXsEgOXCv-W2tEhnRDRGpK9j7Tn3-s3_-cjHNQFB5zaR2NAhUrv1smSW464sSrNuvKCqSi46gGZGsAN2PabrrcXHxNsAYrcYfnRdJ2gqcf67Ot7DhtgHbJDprUue14995MHmqK58wdtZN2R6FM/')
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://blogkomputers.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">

[blogkomputers]

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

7.Save Widget tersebut.



Jika langkah tersebut
sudah anda lakukan,anda dapat
melihat hasilnya pada blog anda
masing-masing



Jika ada pertanyaan,Silahkan
tanyakan pada komentar Blog ini



Thank’s To Infotentangblog

 

SUMBER: