Sedikit Info Seputar
Cara Memasang Chatbox (Buku Tamu) Melayang di Blog
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel tips trik blogging, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Memasang Chatbox (Buku Tamu) Melayang di Blog
Terbaru
link: Cara Memasang Chatbox (Buku Tamu) Melayang di Blog
Berbagi Cara Memasang Chatbox (Buku Tamu) Melayang di Blog Terbaru dan Terlengkap 2017
Cara Memasang Chatbox (Buku Tamu) Melayang di Blog – Halo pembaca setia Tips SEO + Blog – PC 123. Kali ini saya akan membahas cara membuat (memasang) chatbox atau buku tamu di blog. Tetapi ini bukan chatbox biasa, yang selalu nongol di sidebar blog. Chatbox yang saya bagikan kali ini memiliki kemampuan untuk melayang, membuka dan menutup apabila di klik. Penasaran? Silahkan lihat gambar screenshot-nya dulu :
<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/AVvXsEjRtBZLR7W3MLjlPeZMsFIyuOW8JgT6okD4QBFFR5g8fNVho-PPPdgCcNL-ncKFLkFT0y8kTmY8kyEQx7i_2RVdVpUDPgYYOxc9pwToxufDlpPM6Ld5sl1tNp4cLvEChR45egg2I2OWdv6A/h120/chatbox.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">
Pasang KODENYA DISINI
<div style="text-align:right">
<a href="http://xxpc123xx.blogspot.com">[sumber]</a>><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></div></div>