Monday, 21 April 2014

How to Add Stylish Facebook Like Box For Blogger

facebook-like-box-for-blogger


Hi buddies, Today i am again with a blogger widget and that widget is according to me is very important for every blog for better results. The widget is a stylish Facebook like box which is very seo friendly. This widget will help you in increasing of your social media rank. As you know that how much social media traffic is important for blog's ranking. So from this widget you will get more likes to your Facebook page and automatically your audience will also increase and you will highly rank in search engines. From so many days, i was thinking to share this widget with you. I have also used it on my several blogs and got awesome results.
Read post: How to insert meta tags in blogger blog.

The main feature of this facebook like box is that it SEO friendly widget. Your blog will look more beautiful with such a widget. I think you have also seen such widgets on other blogs. From this widget your blog's visitors will be very happy because they have liked your blog's page with just a single click without searching your page. Your every post will be shared with them and in this way you will have a lot of social media traffic from facebook. 

Steps To Add FaceBook Like Box Widget For Blogger:


1. Sign in to Blogger.
2. Go to Layout from the dashboard.
3. Click on Add A Widget.
4. Select HTML/Javascript.

Now copy the below code and paste it.


<div style="-moz-box-shadow: 0px 15px 20px 0px #777777; -webkit-box-shadow: 0px 15px 20px 0px #777777; background-color: #f4f4f4; border-radius: 15px; border: 1px solid #CCCCCC; box-shadow: 0px 15px 20px 0px #777777; height: 270px; margin: 30px; padding: 10px 0 10px 10px; width: 250px;"><div style="height: 250px; overflow: hidden;"><a href="bloggersky.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://bloggersky.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://bloggersky.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/bloggersky&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe></div></div>

Now change Bloggersky to your page name and click on save.

Read post: Add related post widget to blogger

Final Words:

So friends, In this post we discussed about facebook like box for blogger. The widget is very simple, stylish and seo friendly. You will get better results after putting this widget in your blog. I hope you liked the widget and one thing more don't forget to leave your precious comments.

0 comments:

Post a Comment