berikut cara-caranya
1.login ke www.blogger.com
2.pilih tata letak dan klik get widget
3.pilih HTML/javascript dan masuk kan kode HTML di bawah ini
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/sekedarinfo17&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://irfansetiawan17.blogspot.com/2014/01/cara-membuat-fans-page-facebook-di.html">Get this widget</a></b></span>
</div>
</div>
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/sekedarinfo17&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://irfansetiawan17.blogspot.com/2014/01/cara-membuat-fans-page-facebook-di.html">Get this widget</a></b></span>
</div>
</div>
* tulisan berwarna merah diganti dengan url fanspage anda
4.klik simpan atau save
sekian dari saya
terimakasih
Gan mau tanya cara supaya icon fb,twitter ,pet,youtube di pojok atas blog agan supaya bisa terkonek dgn fb agan giamana caranya ?? maaf newbie
ReplyDeletevisit gan blog ane sebastianus-sembara.blogspot.com
template trs edit HTML gan
Deletelangsung coba gan,,, :-d
ReplyDeleteFree File Hosting Unlimited Upload : Register ( 300 MB ) No Register ( 10 MB )
ReplyDeleteTerima Kasih.
Admin Blogger Seni
Oke Gan Sangat Bermanfaat ^_^ (k)
ReplyDeleteKang tolong bantuannya kang fb aku keno blok kang tolong bantuannya pliss
ReplyDeletewaaduh kalo block saya gatau gan, coba di recover account gan. biasanya disuruh verivikasi id card
Delete