Headlines News :
Home » » Cara Membuat Kotak Like Box

Cara Membuat Kotak Like Box

Written By khoir on Sabtu, 13 Oktober 2012 | 06.08


Cara Membuat Kotak Like Facebook Melayang Diblog ini sebenarnya sedikit jail, maksudnya sifatnya memaksa pengguna mau tidak mau harus melihat dan me-Like halaman kita karena posisinya melayang dan menutupi halaman blog kita. Namun jangan Khawatir, jika pengunjung tidak tertarik untuk me-like-nya juga bisa di close.

Jika tertarik ingin mencoba, silahkan ikuti langkah-langkah membuat Kotak Like Facebook Melayang berikut ini :

  • Login Ke Akun Blogger
  • Kemudian arahkan ke Layout » Add a Gadget » HTML Java Script
  • Silahkan Copy Paste Kode Berikut ini :


<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh24WM4I0kE8USM7Sbsp2gfm1poHMfMPxdsrQ2Q9VKVCwDT8HrczKyMvlrNg2L2sWMAwupNqOU49rq9c-EyOpEmkTHKfbcokyqFEXY9JqWrvpxC4bNqvYeTfDtnVMEmaDrJ9Y070jXD9PkX/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFsGalery&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=335968309757980" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</div>
</center>
</div>

NB : Ganti Kode yang berwarna merah dengan Script Like Box Halaman Facebook anda
  • Simpan dan Selesai
Selamat Mencoba, semoga berhasil..
Jika ada yang kurang jelas, silahkan titipkan Komentar dibawah ^_^
Share this article :

1 komentar:

  1. Traditional medicine Eliminate Hemorrhoids Hemorrhoids Most Powerful. Has attended the traditional treatment best hemorrhoids capable traditionally Ambeclear and ointments salwa

    BalasHapus

Jangan Lupa Koment yaaaa,and Terimkasih sudah berkunjung.

Get Adobe Flash player
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ~ Info News ~ - All Rights Reserved
Template Created by Creating Website modifikasi by info-news
Proudly powered by Blogger