Add Stylish Facebook Floating Like Box To Blogger

Published by Author

Wanna get the stylish facebook floating like box to your blogger blog. Easily follow the steps below and get your facebook floating like box.

Many tutorial gives you how to add floating facebook like button. Now I came up with new tutorial for adding floating like box to blogger. This is a great way which requires almost no space and it looks more attractive than that of simply keeping the like box.

       See screenshot below
                                     

Adding Jquery Plugin

• Sign in to Blogger 
• Go to your Dashboard>Design>Edit HTML 
• Add this code above the closing </head> tag in your HTML file:

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

Adding Widget Code

•  Go to Design>Add a Gadget>HTML/JavaScript
• Add This code to HTML/JavaScript Widget

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF6f787hy8w89Oe2uqTPaoISxRrnWlkwBmVdkiH1CaWoBI0NmPLLddUoeJRArkLXTXU0wcY53T490c8aEenKl26JKbac99YcmO4zW7e3gdi2azDRDOlsykBN-nAug4J1uW3chzD-Jw1qU/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=http%3A%2F%2Fwww.facebook.com%2FBloggerHacks&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://www.bloggerhack.com/2011/11/add-floating-facebook-like-box-for.html" target="_blank">+Get This!</a></span></div></div>

Replace http%3A%2F%2Fwww.facebook.com%2FBloggerHacks, with your Facebook fan page URL.

Remember!

Before replacing URL, replace these symbols:
: with %3A
/ with %2F

For example, if your URL like this:

http://www.facebook.com/pages/BloggerHack/1234567 It will look like this:

http%3A%2F%2Fwww.facebook.com%2Fpages%2FBloggerHack%2F1234567

Feel free to share with us if you have any problem.

Read More ->>

Earn Money With FriendFinder Affiliate

Published by Author

Wanna earn money huge online as well as a free mastercard. Everything is totally free and available for all of the members who have joined in friendfinder. Follow the instructions below and get your targeted things online.


How to earn money with FriendFinder Affiliate Program?

Instructions

Click on the banner below

 or

Go to friendfinder Affiliate Program. In this page you could see a banner of friendfinder.Com. You could get access to frendfinder affiliate program directly by clicking on this banner as well.

Then click on the affiliate Sign-Up button.

Provide your all of the informations whose are mentioned on that page or you feel necessary and complete the sign-up process with the easier steps.

After completing sign-up process an affiliate id and a password will be mailed to you. You access to your mail id and click on the activation link. Thus you would be activated with the friendfinder.com affiliate program.

Next to go to the profile setup. Provide your mailing address at first.

[This is to mentionable to you all that friendfinder.com affiliate program will provide a MasterCard (By Payoneer) only when your balance will be filled with USD 40.00.]

But it's totally easier for anyone because friendfinder.com will pay you $2.00 for each female referral and $1.00 for each male referral. Which

means if you can refer only 20 female referral your account will be filled by $40.00 that is needed for getting the MasterCard [By Payoneer].

So don't get late spread out your referral id through forums, mails, social networks, articles, blogs as well as by website. Friendfinder affiliate program will give you 3 types of advantages for example...

• Get fun, like the social networks facebook, twitter, flickr, linkedin etc
• Earn money by referring other friends
• Get the MasterCard [By Payoneer]

Get a free MasterCard to withdraw your money 
It's Absolutely Free!!!

Read More ->>