Menyediakan Berbagai Macam Informasi Seputar Blog, Internet, dan Komputer

Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog

Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog

Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog - Selamat pagi sobat blogger se tanah air, kali ini saya akan memberikan sebuah postingan tentang Blog yang berjudul Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog. Buku Tamu adalah sebuah widget dimana Blog menyediakan tempat untuk mengobrol antara pengujung dengan pengujung yang lain atau bisa pengujung dengan pemilik Blog. Tetapi disini saya akan memberikan membuat buku tamu tersebut melayang seperti gambar diatas tepatnya yang ditanda panah merah. 

Langsung saja kita Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog sebagai berikut..

1. Loggin ke blog anda.

2. Masuk ke tata letak terus tambah gadget.

3. Pilih Javascript/HTML lalu masukan kode dibawah 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 Dengan Kode Buku Tamu Sobat!

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Widget By <a href="http://choconet.blogspot.com/2012/10/cara-membuat-buku-tamu-sembunyi-dan.html" target="_blank">Choco-Net</a></span></span></div><div style="text-align:right"><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>

4. Terakhir tinggal anda simpan.

Demikian Cara Membuat Buku Tamu Sembunyi dan Melayang Di Blog yang saya sajikan untuk anda. Jika ada yang kurang mohon tambahkan di kotak komentar, sekian dan terimakasih!

0 komentar:

Posting Komentar

Followers

Template Ini Di buat oleh Blog Informasi dan Berita Unik Terbaru ( Fahmi Setiawan ) yang didukung oleh Blogger