Cara Membuat Facebook Like Box Melayang Part 2

Sobat, kali ini saya akan melanjutkan postingan saya sebelumnya yang berjudul 'Cara Membuat Facebook Like Box Melayang'. Kali ini like box-nya melayang di bagian tengah blog. Jika sobat sudah tidak sabaran lagi, praktekkan cara di bawah ini:


1. Log in ke blogger sobat.

2. Klik Rancangan>Elemen Laman.

4. Klik tambah Gadget>HTML/Java Script

5. Masukkan Kode di bawah:


<script type="text/javascript"><!--
var persistclose=0
var startX = 100
var startY = 100
var verticalpos="fromtop"
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>
<style type="text/css"><!--
#topbar{position:absolute;width: 340px;visibility: hidden;z-index: 100;border: 1px solid #bdccdc;padding: 5px; background-color: #fff; -moz-border-radius:5px; font: 11px Tahoma, arial, Verdana, sans-serif; line-height:16px;}
.tolbarclose {cursor:default;}
--></style>
<div id="topbar">
<div class="iklankotak1" style="padding:0 0 5px 5px;">


<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:5px 0 5px 3px;" valign="top" width="50%">
<span style="font-size:14px; font-weight:bold;">Welcome!</span>
</td>
<td align="right" style="padding:0;" valign="top" width="50%">
<a class="tolbarclose" href="#" onclick="closebar(); return false" rel="nofollow"><img alt="close" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizeOD0ydQ974jaHxyg60LgFvBQhmDBbR0v7Y2tB4gXqCIQm2ZwA8S41ogEasl7vdPGzEmbqZy_SbVv2hAHbfF-j12D1g2QZ3Z8qBc4QmvE48T9urb0_G1-dIkn1malRCs1-CMXjwDfg8I/?imgmax=800" /></a>
</td>
</tr>
<tr>
<td colspan="2" valign="top">
<!-- Isi Widget melayang -->


Masukkan Kode Fb like box disini


<!-- Isi Widget melayang -->
</td></tr></table></div>
</div>


Ganti Kode berwarna hijau dengan Kode yang anda dapatkan saat membuat halaman di fb.

6. Klik 'Simpan'

Sekarang, cek blog sobat dan lihat perubahannya....

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Artikel Yang Berhubungan

advertisment zona