Add facebook static pop out page like box to your blogger

Getting more facebook likes is not an easy task. Viewers have to like your post and also they should be able to locate your facebook page like box easily. this way the viewers hit the like button. So now you can to have a new and attractive facebook like box in your blog like the one discussed below. This is a pop out like box. You too can have such like box in your blog by following these instructions.

1#. Go to Blogger Dashboard >> Design >> Edit HTML >> Expand widget

2#. Find the code (Ctrl + F )

</head>

3#. Paste the following code just before above the code

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

4#. Then Go to Design >> Add a Gadgets >> Add HTML

5#. Paste the following HTML codes

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlxYdUVz0FXQo30sqOm06WnNAzT8xLbj0rvWKKP1xZDFkP0qxTEjQ_Ck62b74fTpg_ep6Yw7dHfuznZKa0ziw05bpz9od6TjJwEYP7bue1oHNwcUV61hyjHRowDttp3e_HE5pGdUyuyXYS/s150/w2b_facebookbadge.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: 7px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: gray;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=http%3A%2F%2Ffacebook.com%2Fnewworldzs&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><a href="http://www.techplusz.com/2012/04/add-facebook-static-pop-out-page-like.html"rel="nofollow">by TECH plus</a></span>
    </div>
</div>

6#. Change "newworldzs" and enter your facebook fan page username

7#.  Save the Gadget 

Posted in: Blogger Tips