Hi Friend, Today I am show how to add facebook like box in your blog. It is a most popular and importance things in a blog. Because its helps increasing visitors in your blog.
So no more late Let we learn how do it.

Step-1: At first Log-In your blog.

Step-2: Then select Layout from Dashboard .Like this picture...........





 Step-3: Add Html/JavaScript. Like this picture.............



 Step-4: Now copy this code and paste html/javascript.

<div style=".background-color:#F4F4F4;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #CCCCCC;.height:250px;overflow:hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://webtutorial4.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://webtutorial4.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://webtutorial4.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%2Fwebtutorial4%3Fref%3Dhl&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>

Step-5: Now delete webtutorial4%3Fref%3Dhl&  this and paste your facebook like page name.

Step-6: Save ... And Enjoy..............

N:B: Any problems, Please contact me.


Categories: , , , , , , , , , , ,

Leave a Reply