Terimakasih telah berkunjung ke blog pribadi saya, buatlah komentar untuk memajukan blog ini! :)

Cara Memasang Float Buku Tamu


Agra Anggakara.Blog mau share tentang blog lagi nih, kali ini saya akan share tantang Cara Memasang Float Buku Tamu,  pasti kalian semua udah tau tantang Buku Tamu dan kegunaannya, buku tamu adalah tempat kedua untuk berkomentar, memberi pendapat, dan support setelah Comment Box, Buku Tamu yang saya share hari ini memiliki kelebihan yaitu hemat tempat, karena bisa hide and show, oke kalo mau praktek monggo:

1. Login ke blog kalian masing masing
2. Buka Page layout
3. Tambah gadget
4. Copy Script Dibawah

<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 dengan script buku tamu-mu

<br/>

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

5. Save



PERHATIAN.!
Anda sedang membaca artikel tentang Cara Memasang Float Buku Tamu dan anda bisa menemukan artikel Cara Memasang Float Buku Tamu ini dengan url http://agraanggakara.blogspot.com/2013/02/cara-memasang-float-buku-tamu.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Memasang Float Buku Tamu ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Memasang Float Buku Tamu sebagai sumbernya.

Related Post:

0 comments:

Post a Comment

Sisihkan waktu anda untuk berkomentar, tetapi berkomentarlah dengan bahasa yang baik dan sopan, Spam Sara dan Mencantumkan alamat Url tidak akan ditampilkan, Setiap komentar menunggu moderasi admin Terimakasih :)

 

Followers

Like Me!

Copyright © 2013. Agra Anggakara.Blog - Posts · Comments
Template by BTDesigner | Editing by Agra Anggakara