Floating Facebook Like Box Widget For Blogger BLog

Hey .. I think ll of you know what is Facebook and whats the use of it to take more traffic to your blog / website .. Yep . The Facebook fan page is good way to promote our sites .. But the main problem is havent likes to ur pages ..Are you struggling to get more likes .. Then add facebook like box to your blog .. It was not a fixed one to one place of the site .. Its Floating Facebook Like box .

Ok . Let's we add this amazing widget to your BLOG ..

Step 01 :

Goto Blogger.com and loging to your Blogger account .Then select the option Template > Edit HTML .

( Before edit your Templete You must have to backup your template )

Step 02 :

Then find the " <head> " tag in the html and add the following code just after the <head> tag .

( Use the Ctrl+F key to get Find In Box )

<script src='http://yourjavascript.com/41332511201/likebox.js' type='text/javascript'/>

Then save your template.

Step 03 :

Now go to your blogger dashboard and then go to your Blog Layout .Then Select " Add a Gadget " option in place of the Layout .Then select " Html / Java script " and paste the given code . ( Do not add any Topic)

<script type="text/javascript"> // </script> <style type="text/css"> .w2bslikebox{background: url("http://1.bp.blogspot.com/-tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") 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=http%3A%2F%2Ffacebook.com/Your_Usernae&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://www.gadgetsack.blogspot.com">Gadget Sack</a></span></div></div>

Find the "Your_username" from the above code and replace it with your facebook fan page's Usernam ...(Use Ctrl+F to get Find In box )

Then Click on SAVE button at the end of the PopUp .

------------------------------------ END OF TUTORIAL ------------------------------

If you have any problem with this .. Please ask them via comment and tell us your success also .
Share this if you get anything from this Post ...

Techkyla