Rosyid Teknik | How to Make a Facebook Like Box Hidden. Facebook users increasing a lot, it allows us bloggers to promote your blog through this social media Facebook. For those who already have a fan page on Facebook for sure most of the bloggers have put like box that has been provided by Facebook.
 |
| It is Screenshot of How to Make a Facebook Like Box Hidden |
Well look of Facebook like box is also been interesting to me. But maybe there are bloggers who frantically looking for a place to put like box Facebook fan page for his blog has a lot of built in widgets. Quiet sob, my friend can hide the box like Facebook fan page on your blog buddy. In this way also the blog seems more beautiful to look at. To zoom friend can see the picture on the side.
Is my friend also wanted to put it on your blog too? if the answer from my friend yes, then follow the steps How to Make a Facebook Like Box Hidden.
1. Log in to blogger.
2. Click the design »add gadget» HTML / Java Script.
3. Put the code below in the space provided.
<script type="text/javascript">Description:
//<!--
$(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/AVvXsEifgmf7xaikJwq38yUxmorg2BKy49f-rkR7GAOuNRyPjV3UoQPM_1DrQ9jcqhmbkIB2XhQzdC7JyKXDC0GLMUsPI4HWx7Mgjm04XtfghcWG_crv6RfH1bEmmi6PiM-hy-_dVIfJQIXq5oM/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=https://www.facebook.com/RosyidTeknik&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://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>
Replace it with the code https://www.facebook.com/RosyidTeknik your fan page url.
4. Go to edit the HTML code below and place it above the code </ head>.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>So first this post about How to Make a Facebook Like Box Hidden hopefully this article How to Make a Facebook Like Box Hidden helpful and may be practiced
Description: How to Make a Facebook Like Box Hidden
Rating: 5 dari 5
Reviewer: Rosyid Teknik and 99,9% Reader
Item reviewed: How to Make a Facebook Like Box Hidden
Article
