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&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&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