Daft Punk

Search

Kamis, 08 September 2011

Cara Membuat Buku Tamu Tersembunyi


Nah kali ini saya akan berbagi ilmu dan pengalaman untuk sobat semua yang udah menjadi pengalaman saya, kali ini postingan saya tentunya unik dan menarik untuk blog, yaitu bikin Buku Tamu Tersembunyi yang bila di klik nongol yang kayak blog saya nih, mau tau cara pembuatannya!!!mari kita simak cara membuatnya...

1. Masuk ke account Blogger kamu, pilih Layout; kemudian Page Elements;
2. Klik "Add a Gadget" kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:


<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.gif') 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">
<!-- Silahkan Sobat Ganti Ini dengan kode buku tamu sobat -->
Pengen bikin buku tamu lebih indah dan menarik?
silahkan diklik--->
<a href="http://www.qinginbisa.blogspot.com">
Q INGIN BISA

</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
</div>
Dan untuk kode ini silahkan sobat ganti dengan kode buku tamu sobat sendiri
<!--Silahkan Sobat Ganti Ini dengan kode buku tamu sobat-->
dan silahkan sobat atur width="470" height="200"Atur kode tersebut sesuai selera sobat sendiri
selamat mencoba semoga posting ini bermanfaat buat kalian semua

Sumber : http://www.forantum.blogspot.com
Shared by : http://qinginbisa.blogspot.com/ 

0 comment :

Posting Komentar

Find Us On

Ryan Agung on
E992 on Facebook