Cara Menambahkan Tombol LIKE facebook Melayang

Azka

Selasa, 06 November 2012

Punya blog dan punya akun Facebook kalau tidak dijadikan satu sepertinya kurang klop. Salah satu menjaring visitor blog bisa melalui facebook. Berikut ini cara sederhana menambahkan tombol like facebook di setiap posting.

• Login di akun blog anda
• Klik tata letak
• Klik Add Widget, masukkan script dibawah ini.

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #ffffff;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="left">
<div style="background:#ffffff;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/BeritaUnikLucuDanAneh&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowTransparency="true"></iframe>

</div>
</div>
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju6RbAENkomrErwSkD4h7GBS2lS02O-Ws_YEBcybaeE2DS7mmT44Qn1QTstS3JnakZsz2ds0zs1MiTP1rKkon-LxLHDIQNKVkoc8b57SQj7gijEK090SfH7XlkwwR7O4np9Hkt77WbcnxE/s128/Close-32.png" alt="close" title="Click here to Close Box" /></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<div style='display:scroll; position:fixed; top:50%; left:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsWviegrXdSVkE4L5J2YHhWPBsUtLnDV5IY3B53UJuJgZj6UDmlBj4Q0yjXURcicembCDKwS_y3PRwLa500q3AC3cmFuBDfOPDGp3Hb35ySHHwFnAi8sUyzVXssMjylGqX3iBNNtxwBf0v/s128/Drink-Facebook.png"  /></a>
</div>

• Klik Save Template
• Lihat hasilnya.

Semoga bermanfaat.

Labels: Panduan Membuat Blog

Terima Kasih sudah membaca artikel Cara Menambahkan Tombol LIKE facebook Melayang. Bantu Like dan sebarkan melalui fb, tweeter, dll dibawah ini.. Salam Hangat..!