Cara menambah like box fan page facebook dihalaman blog kita

byFajrien Rahmatullah •
0
 Pasti anda berpikir bagaimana cara teman saya memasang  sebuah javascript like box di halaman blog,nah sekarang saya akan membahas tentang ini.langsung aja ke TKP

1.masuk dulu kehalaman blog kita.

2.kemudian pergi template blog kita,setelah itu cari kata </head> dengan cara tekan ctrl+F dan masukan kode berikut diatas </head>.

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

3.jika sudah maka simpan template.

4.kemudian pergi lagi ke Tata letak => Tambah gadget => HTML/JavaScript dan masukan kode berikut

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style><div class="w2bslikebox" style=""><div>



<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fm.facebook.com%2Fupdatechelseafc%3Ffc%3D0%26showPageSuggestions%26&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://sanggara-jemmu.blogspot.com/2015/03/cara-menambah-like-box-fan-page.html">Tutorial Here</a></span></div></div>

Pada script diatas (langkah 4)  yang berwarna hijua bisa diganti dengan link fan page facebook sobat.

5.Jika sudah Simpan dan lihat blog sobat.

SEMOGA BERMANFAAT

Tags:

Post a Comment

Previous Post Next Post