Cara Memasang Like Facebook Melayang Di Blog

*Cara Memasang Like Facebook Melayang di Blog* - Artikel tutorial Cara Memasang Like Facebook Melayang di Blog tentunya sudah tidak absurd lagi, like box facebook yang biasanya terdapat pada sidebar kini sanggup teman modifikasi blog menjadi like facebook melayang di Blog , ini menjadi daya tarik tersendiri oleh blogger dan menciptakan pengunjung klik like facebook kita.

Syaratnya gampang kok sob,,, yang penting teman sudah punya punya halaman fanpage facebook, kemudian Ambil instruksi Script Likebox yang sudah diadaptasi dengan blognya. Bagi yang belum punya fanpage facebook monggo silahkan dibentuk dulu Cara Membuat Like Facebook Pada Blog. jikalau sudah lengkap syaratnya, kini lihat tutorialnya....... meluncur !!!!!

1. Login Seperti biasa ke akun blog sobat.
2. Pada halaman Dashboard blog pilih >> Tata Letak >> Lalu Klik Add a Gadget atau Tambah Gadget.
3. Scroll ke bawah sedikit >> Lalu pilih Widget HTML/Javascript
4. Jika sudah Copy Kode di Bawah ini dan Paste di dalam Widget kolom HTML/Javascript,,, 

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute; /* IE6 */
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background: #f5fffa;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"},
1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
Kode Script Facebook Likebox DISINI !!!
</center>
<center><div class='widget-content'>
<a href=" search/label/Modifikasi%20Blog"><div style="background: #1e90ff; border:2px solid #ffd000;border-radius:10px;padding:10px;margin:10px;font-size:16px;"><strong>Modifikasi Blog<strong></strong></strong></div></a></div></center>
<!-- HTML End -->
<a class='close' href='http://softwaremaniapc.blogspot.com'>&times;</a></div>

Keterangan :

Untuk warna biru sanggup teman sesuaikan dengan blog sobat. Ok

5. Jangan lupa disave

Jika semuanya sudah dilengkapi dan dipasang maka jadinya menyerupai ini sob,,, :

Sobat blogger ingin menciptakan like box facebook melayang dan cukup simple kang zain juga punya tipsnya,

Cara Memasang Like Facebook Melayang

Caranya sama diatas sob,, cuma teman ganti instruksi diatas dengan instruksi dibawah ini:

<!-- Script kotak like Facebook Melayang mrrainboow-xp -->
<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 kafe is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of kafe in pixels
var startY = 5 //set y offset of kafe 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/AVvXsEjg8fe_LHgweif2CmLjh2qO8S-XNF8Ei3g4AQkSgeWdws1RsA04dEFnRwLn3Pfo-XdiJn50cVLo9y9rrGvxZtHjkZVeJ9WEQSQTUsqIy43I3HOQY0TN4c6TcXjUV_kU3Wwaa1pnvkilAwSk/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

Kode Script Facebook Likebox Here !!!
</div>
</center></td>
</tr>
</table>
</div>
<!-- End Like Fan Page Melayang MrRainboow-xp -->

Keterangan:

 Kode Script Facebook Likebox Here !!! :sobat ganti dengan dengan instruksi script yang sudah diambil dari fanpage facebook yang sudah dibentuk sebelumnya.

Sekian dulu sob tutorialnya, dua cara menciptakan like facebook melayang di Blog sudah sanggup dipasang, hehehe sudah terperinci kan? jikalau belum terperinci tinggalkan pesan..... salam blogger.

Bagikan Artikel ini