Thursday 3 July 2014

How to add cute custom Facebook like box to your blog/website


Facebook like box is a very useful widget to show the visitors the authority and love of the people for his blog.Facebook offers a simple like box plugin that you can easily integrate into your website.But this like box is simple and not a very much attractive.Now i am sharing a unique information of how to add a cute wonderful,colorful,attractive like box of Facebook.
Now let's start :-
Go to your blogger dashboard and then to the layout and click on add a gadget link
 After clicking on add a gadget link,click on HTML/JAVA script option.

Now copy the code from below

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRRmc_wcjSH7ghg7UavThlLVD18etmjcXGG6I3vYeq5xg2vMzXK1pMzly7ylygRkw6Ho-8qXS1xjpKUcM9y34qHLuLuDOt_MedZlN1-Osw_FVwCUSBzx8ZnJMnrpmDv0NQAmxyq87miOrx/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.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://24work.blogspot.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://24work.blogspot.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%2Fpages%2FBlogspot-tutorial%2F220888831260608&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 replace the colorful code in red color from your Facebook user name.

Enjoy..... :)

No comments:

Post a Comment