How To Hide Facebook Fan Page at the Sidebar in your Blog

For those bloggers who have their own facebook fanpage, it is usual to put it on the blogfanpage. Usual to put in the sidebar of the blog, this time I'll also show you how to hide facebookfan page on the edge of your blog.

Tutorial hide Fb fan page is shown below.

1. Go To Dashboard >> Design ->> Edit HTML

2. Check the "Expand Widget Templates" box

3. Search (Ctrl+F) for </head> tag,

4. Then, copy and paste the code below, BEFORE </head> tag,

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

*If you already have the code in your template, just ignore step no 4. 



5.  Save your template.

6. Now go to your Dashboard >> Design >> Page Element >> Add a Gadget

7. Paste this code in.

<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://kodokpinter.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=URL PAGE ANDA&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://kodokpinter.blogspot.com/2012/01/cara-sembunyikan-facebook-fan-page.html">Tutorial Here</></span></div></div>

YOUR FAN PAGE URL = Put your Facebook Fan Page URL

8. You can change the facebook logo with another color given below, or use your own image.

  

GREEN: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoIExIsFHiNNupfPceQglqrYet6ghUlSvdK_faP-dXqyAgmWy4czjcIOe963kwCrjPNnpLgXjV9Fr7j5J_3k4DjG0eFQyT1D2ikBUm6l5JKCYzRjOi1S4aNRQp16-Qp4lahgQ6DjuT8wA/s150/crb_facebookbadge.png

PINK: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0fs6D4FXT76t7tRHmbH-SjHEbHqCVnpd6gPUY9G5hP4gYhjJymZdMEKspOU6lELadxYYYrsB7sk_rtL3FZEnBUhiCCd-U4K5kH3o0ZvGYRnYZh8p90pSsxRAH0Gl6hvKh6IAtdQrtbxY/s150/mhw_facebookbadge.png

9. Save. You're done.

Related Posts by Categories

Widget by autolover | kodokpinter