News Update :

Cara Membuat Buku Tamu Tersembunyi

18 Februari 2010

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/
Share this Article on :

1 komentar:

Masdi mengatakan...

terimakasih....

Posting Komentar

Assalamu'alaikum sobat semua...jika sobat sudah mampir di blog saya jangan lupa komentarnya ya,,,mohon saran dan kritiknya, karena setetes komentar anda sangat berarti untuk kemajuan blog ini, Terima kasih semua. SALAM BLOGGER

 

© Copyright Q Ingin Bisa 2010 -2011 | Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.