Thursday, March 14, 2013

Cara menambahkan Like Facebook pada Blog

Hi kali ini gue mau kasih tutorial like facebook pada blog yang gampang dan simple. so check it out.
1. Seperti biasa, Log in dahulu ke blogger.
2. Pergi ke edit HTML (jangan lupa untuk di centang dulu  dan letakkan kode dibawah ini di atas kode

.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>


Lanjutkan dengan save template.
Note : Jika kode diatas telah ada dan digunakan. abaikan langkah no. 2

3.Langsung aja menuju TATA LETAK  » add gadget » HTML/Java Script.
4.Pastekan kode di bawah ini pada kolom yang sudah disediakan.


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href= http://www.facebook.com/pages/Segenggam-Harapan/140527646058497&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href=" http://www.segenggam-harapan.com/2012/08/cara-membuat-kotak-facebook-tersembunyi.html" target="_blank">+ Get This</a></span></div></div>


5. Kemudian ganti Url yang berwarna merahsesuai dengan fan page kalian.
    cara membuat fan page. kalian harus login ke facebook kalian.
    kemudian klik link ini http://www.facebook.com/pages/create.php
    isikan sesuai keinginan kalian nama fan pagenya. jika sudah maka ambil urlnya
    dan pastekan pada kode url yang diatas.

Selamat mencoba. jangan lupa follow dan like Fan Page gue :)

No comments:

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.