Home » , » How to Make a Facebook Like Box Hidden

How to Make a Facebook Like Box Hidden

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.
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">
//<!--
$(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=https://www.facebook.com/RosyidTeknik&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;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>
 Description:

     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 

RELATED ARTICLES

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

Written By : TEKNIK INFORMATIKA UIM ~ Blog which contains all of the search buddy from blogspot tricks, design, linux operating system and all of what I have experienced daily written here

ArticleHow to Make a Facebook Like Box Hidden This article was written By TEKNIK INFORMATIKA UIM on day . Thank you for your visit and your willingness to read this article. Criticisms and suggestions can you convey through the comment box.
 
Support : Creating Website | Johny Template | Mas Template | KAPAK Comunity | Komunitas Blogger Madura
Copyright © 2011. ROSYID TEKNIK | LET'S LEARN LINUX | BLOGGER | WORDPRESS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger

Follower Rosyid