FBACKLINK
Friday, 8 November 2013

Buat kotak Like facebook autohide

Salam Blogging 

Nah gan saya pengen berbagi tutor yang saya dapet nih, Pernah lihat
yang seperti ini DEMO
Langsung ke TKP ajha gan 

screenshot


  • Masuk ke blogger
  • Masuk Ke Layout/Rancangan/Tata Letak
  • Tambah Gadget > HTML/Javascript
  • Masukan kode dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

Masukan Widget/Gadget Kotak Like Anda

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://fbacklink.blogspot.com/2013/11/buat-kotak-like-facebook-autohide.html" title="WIDGET"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

  • Simpan / Save
Silakan di coba gan, Sudah Terbukti
Note : Warna Merah bisa di ganti dengan gambar sesuka anda

Jangan menggunakan link hidup
Jangan menggunakan kata kata Spam, SARA, OOT, dsb
Berkomentarlah sesuai Topik
Jika tidak mengikuti peraturan diatas maka akan saya anggap SPAM
Silakan komen , No Moderation but you get backlink