Cara Memasang Like Box Melayang Di Blog>>>>Kali Ini kita akan membuat atau memasang like box fans page facebook melayang di blog atau blogger dan tentunya dengan menyertakan tombol keluar atau close hanya dengan satu klik saja, untuk panduan Memasang Like Box Melayang Di Blog ini akan menghasilkan tampilan seperti pada gambar di samping yang tepatnya like box
ini akan tampil setelah loading page selesai yang langsung berada di
tengah pada atas halaman blog kita, yang akan kita buat ini ialah like box
melayang yang di sertai border/garis dengan menggunakan table yang
diberi background warna putih, baiklah mari kita langsung saja menuju
langkah-langkah berikut ;
1. Login ke Blogger.com
2. Klik Rancangan
3. Di Elemen Laman klik Tambah Gadget
4. Lalu tambahkan HTML/JavaScript
5. Masukan script di bawah ini kedalamnnya
======================================================================
<!-- 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/AVvXsEivxMR9CR_OhZ99AN9k0UldgHLWXTYotiqVTOjYJokUhuzdtJz1aam5Wn_BG26LhtMHoSoWZz7phCllMjsMhXTCIlJPComBArol_vVcMDrCP5vFq7SI2FSwzP62SUPK9vUltYbR0LyrSKHI/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%2Fngocop16&width=262&height=340&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=168185883229961"
scrolling="yes" frameborder="1" style="border:none; overflow:hidden;
width:262px; height:340px;" allowtransparency="true"></iframe>
</div>
</center></td>
</tr>
</table>
</div>
<!-- akhir -->
======================================================================
6.Simpan dan Lihat Hasilnya
Penting...!!!
Gantilah Script/code Like Box fans page yang berwarna merah dengan script Anda sendiri
