Cute Colorful Facebook Like Box For Blogger V.1

Cute Colorful Facebook Like Box For Blogger V.1

1
data:blog.title
Facebook fan box

We knows that Facebook is number one in the world of social networking. It helps to spread your content by sharing with others. And the Facebook like box is best way to get more facebook fans. It allows your blog readers to like your fan page directly from your blog. This like box is the first release from Blogger Spice. Hope it will attract your visitors and will help to get more fans.


Live Demo


Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab.

Step 3 Click on "Add a Widget" then select "HTML/JavaScript" Widget.

Step 4 Now Copy the below code and paste it in "HTML/JavaScript" Widget.

<style type="text/css">
#bsfb-box { background-color:#80C8FE; border-bottom:1px solid #ccc; height: 240px; position:relative; margin-bottom:10px; width:292px; }
#bsfb-box:before,#bsfb-box:after{ background:#009999; border:2px solid #aaa; border-top:2px; bottom:-3px; content:""; height:2px; left:2px; position:absolute; right:2px; }
/***** http://www.bloggerspice.com/ ******/
#bsfb-box:after { bottom:-5px; box-shadow:0 0 4px #aaa; left:4px; right:4px; }
</style>
<div id="bsfb-box">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bloggerspice&amp;width=292&amp;
height=265&amp;show_faces=true&amp;stream=false&amp;header=false&amp;" style="border:10px; overflow:hidden; width:292px; height: 230px;"></iframe>
</div>

Note: Don’t Change any code then it won’t work.

Customization:

  •   Replace BloggerSpice with your twitter username
Step 5 Save your widget and you are done!
 
Cute Colorful Facebook Like Box For Blogger V.1
4 Stars stars - "Cute Colorful Facebook Like Box For Blogger V.1" We knows that Facebook is number one in the world of social networking. It helps to spread y...

nice one. I love it

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *