Wednesday, 21 August 2013

Widgets

How To Add Facebook Like Button To Blogger Blog 2013

Posted By : Unknown | Wednesday, 21 August 2013 1 Comment so far
PUT YOUR PARSED ADSENSE CODE HERE
How To Add Facebook Like Button To Blogger Blog 2013
Facebook is one of the leading social media. Every Blogger wants to through more traffic in his / her Blog. So for this purpose now I am writing an article on Facebook like buttons with count and without count. This widget is very important for facebook traffic. You can add this widget below of your post title and also below of your posts. You can also use it with count and without count.

How To Add Facebook Like Button In Blogger?

  • First go to Blogger > Template > Edit HTML
  • Check the expand widget box
  • Search for <data:post.body/> using ctrl+f

Style #1: Button With Count

facebook button with count
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&
amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=
light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

Style #2: Button Without Count

Facebook like button without count
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&
amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=l
ight&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>
Note: If you want to show this button below of your post title then paste one of these just above <data:post.body/>
If you want to show this button below of your post then paste one of these below <data:post.body/>
That’s all if you face any problem then kindly leave a comment.
Do you Like this story..?

Get Free Email Updates Daily!

Follow us!





1 comments :

  1. Just what a terrific blog site you have. I believe that you need to write more about this subject matter.The whole look of your web site is excellent, as neatly as the content material!
    website design

    ReplyDelete

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

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Imtiaz Ahmed

  • Tips And Tricks
  • Template
  • Make Money
  • Widget
  • Sitemap
  • Back To Top