Sederhana Itu Indah
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Klik Like yah..?

close
cbox

Cara Memasang Widget Like Box FB Melayang Di Blog

http://s16.postimg.org/8b9suo2j9/image.png 

 1. Login Ke Blogger

2. Pilih Tata Letak

3. Klik Tambah Gadget/add gadget

4. Kemudian Pilih HTML/Javascript

5. Masukan Kode/Script Di Bawah Ini: 

<!-- Script kotak like Facebook Melayang -->
<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">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVKuXBL465SJ-w7OMIUXepoP9oZC3p-cf6PElFJhbpCyvnKk0Te6IrQypkThiWyJxSNe0q8QtOMmJYyyqscwUJwh7QkewRYJObadDJIUQarA_4OaSR60WQ5TIp4ts30Fp4yeb2gaP8y9T/s1600/close3.png" /></a><blink>Klik Like yah..?</blink></div>
<center>
<div style="background: #fff;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlog-arrayindoforum&amp;width=260&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color=grey&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:290px;" allowtransparency="true"></iframe>
</div>
</center></td>
</tr>
</table>
</div>
<!-- akhir -->
 KETERANGAN : 

1. Kode Yang Berwarna Biru adalah keseluruhan dari code like box yg di dapat dari FB Pages.
2. Kode Yang Berwarna Kuning Silahkan Ganti Dengan Alamat Facebook Anda.


NB : Sebelum kode diatas diletakan kedalam widget , letakan script ini terlebih dahulu kedalam Template sobat, berikut script nya letakan dibawah tag <body>:

Untuk mencari tag <body>: tekan ctrl + F dan masukan kata <body>: untuk mencari tag nya.
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Selamat Mencoba :)



Facebook Comments
0 Blogger Comments


Posting Komentar - Back to Content

Sebelum Berkomentar Mohon Patuhi Peraturan Berikut :

-Berkomentarlah yang sopan
-Jangan berkata yang dilarang/Kotor.
-Gunakanlah Google Acc / Name /URL , Usahakan Tidak memakai Anonym
-Dilarang Spam , Sara , Floods.

Trima Kasih


DAFTAR ISI

Follow Me

Random post

LINK SAHABAT

Total Impressions

Free Blog Promotion

Notes :

Flag Counter
Diberdayakan oleh Blogger.