Beranda > BLOGGING, TUTORIAL BLOGSPOT > Cara membuat facebook like melayang di blog blogspot

Cara membuat facebook like melayang di blog blogspot

Bagi sobat yang suka ngeblog di blogspot saya kasih tutorial nih sobat, kali ini tutorialnya adalah membuat facebook like melayang di blog kalian, nah sobat caranya mudah ikuti saja langkah-langkahnya sebagai berikut ini :


1. Login ke Blogger

2. Pilih Tata Letak

3. Selanjutnya buatlah Widget baru dengan meng-klick “Add Gadget

4. Pilih HTML/Javascript

5. Copy kode dibawah ini dan pastekan kedalam widget.

<style type=”text/css”>
#topbar{
position:absolute;
padding-left:-100px;
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=”http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png&#8221; /></a></div>
<center>
<div style=”background: #fff;”>
MASUKAN KODE LIKE FACEBOOK DISINI
<span ><a style=” font-weight:bold” href=”http://www.sundaboy.com/”>Thanks</a></span&gt;
</div>
</center>
</div>


6. Hapus MASUKAN KODE LIKE FACEBOOK DISINI dan ganti dengan kode like facebook milik sahabat

Selesai… itu sobat sharing dari saya, kalau ada kesahalan atau kesulitan sobat bias komentar di bawah….

  1. 24 Juli 2013 pukul 18:18

    certainly like your web-site but you have to take a look at
    the spelling on several of your posts. Several of them are rife with spelling issues and I to find it very troublesome to inform the truth however I will definitely come
    back again.

  2. 5 Agustus 2013 pukul 13:14

    If you are going for best contents like me, simply go to see this
    site every day for the reason that it gives feature contents, thanks

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: