8/13/2012

Add Facebook Like and Twitter Follow Button in Blogger


This tutorial will show you How To Add Facebook Like and Twitter Follow Button Below Post In Blogger. This widget will help you in increasing your blog's facebook likes and twitter tweets and this is what your blog's need. The visitors can comment on what they liked just under the button. Lets add this beautiful plugin to blogger.
How to add Fecbook like and Twitter follow button in Blogger

  • Go to Blogger Dashboard --> Design --> Edit HTML
  • Backup your Template before making any changes to your blog
  • Now Expand Widget Templates
  • Find the code shown below using [ctrl+F]

<data:post.body/>
                  OR
<div class='post-footer-line post-footer-line-1'>


  • Now Paste the Code shown below just before/above it

<div style="margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; "><div style="float:left; width:272px; border-right:1px solid #ddd;"><iframe allowtransparency="true" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcooldoodtricks&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;height=62" style="border:none; overflow:hidden; width:292px; height:62px;" frameborder="0" scrolling="no"></iframe></div><div style="margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;"><iframe title="Twitter Follow Button" style="width: 266px; height: 32px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=cooldoodtricks&amp;show_count=true&amp;show_screen_name=true&amp;size=l" allowtransparency="true" frameborder="0" scrolling="no"></iframe><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div></div>

  • Replace cooldoodtricks with your facebook username and  cooldoodtricks  with your twitter username

Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter

0 comments:

Click Here To Add Your Comment

Confused? Feel Free to Ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note: Please do not spam. Spam comments will be deleted immediately upon our review.

Regards,
Sarath S Pillai

Cool Dood Tricks

 

About The Author

Hi! I am Sarath S Pillai, currently live in Kerala, India. A young Web Designer, Pro Blogger, Print Media Graphic Designer & an addicted Web Developer. Read More...

Subscribe Us

Powered by:     

| Cool Dood Tricks © 2012. All Rights Reserved | | Contact | Home | Maintained by: Sarath |