Cara Mudah Membuat Like Box Fanspage Facebook Tersebunyi Di Blog - Widget Like Box Fanspage Facebook memang sudah tidak asing lagi saya dan juga Anda semua. Bagi para blogger
selain berguna sebagai penghubung blog dengan jejaring sosial facebook ini, widget ini juga berguna sebagai sarana melihat berapa banyak yang menyukai blog Anda tersebut. Dengan melihat jumlah like dari pengguna facebook, semakin banyak like yang di dapat berarti semakin banyak yang menyukai blog tersebut.
Jika Anda ingin mencoba Cara Mudah Membuat Widget Like Box Fanspage Facebook Tersembunyi Di Blog, maka ikutilah cara-caranya dibawah ini seksama:
selain berguna sebagai penghubung blog dengan jejaring sosial facebook ini, widget ini juga berguna sebagai sarana melihat berapa banyak yang menyukai blog Anda tersebut. Dengan melihat jumlah like dari pengguna facebook, semakin banyak like yang di dapat berarti semakin banyak yang menyukai blog tersebut.
Jika Anda ingin mencoba Cara Mudah Membuat Widget Like Box Fanspage Facebook Tersembunyi Di Blog, maka ikutilah cara-caranya dibawah ini seksama:
- Login dulu ke blogger Anda.
- Pilih Template di dasbor blog Anda.
- Pilih Edit HTML.
- Centang dulu Expand Template Widget.
- Cari kode </head> di Template blog Anda.
- Pasang kode dibawah ini sebelum kode atau diatas kode </head>
- Simpan Template.
- Pilih Tata Letak di dasbor blog Anda.
- Klik Salah satu tambah gadged/add a gedget.
- Pilih HTML/Javascript .
- Pasang kode di bawah ini ke halaman HTML/Javascrip.
- Terakhir Klik simpan kodenya.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1xfe-BfTpAzZlsgwIq-02LuToZmirnL374yBUgzLL4XCPX516IvHoNLhtyZuYrAOczduKuiJaOa3wJ_x0pU-fhYfDQB7kHH8yEk9oTyO2d5wDBKUst3pdJ6-vKS407uP0AkElmFh7M0LH/s1600/floatingfbpng1.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=
https://www.facebook.com/pages/radja online 2014/***************&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:#ffffff;" allowtransparency="true"></iframe><span><a href="http://blog-rangga.blogspot.com/2013/01/cara-membuat-like-box-fans-facebook.html" target="_blank">Get Widget</a></span></div></div>
//<!--
$(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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1xfe-BfTpAzZlsgwIq-02LuToZmirnL374yBUgzLL4XCPX516IvHoNLhtyZuYrAOczduKuiJaOa3wJ_x0pU-fhYfDQB7kHH8yEk9oTyO2d5wDBKUst3pdJ6-vKS407uP0AkElmFh7M0LH/s1600/floatingfbpng1.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=
https://www.facebook.com/pages/radja online 2014/***************&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:#ffffff;" allowtransparency="true"></iframe><span><a href="http://blog-rangga.blogspot.com/2013/01/cara-membuat-like-box-fans-facebook.html" target="_blank">Get Widget</a></span></div></div>
Keterangan :
Ganti kode yang berwarna merah dengan URL Fanspage facebook Anda.
