Pages

Subscribe:

Sunday, February 12, 2012

Add Like Button In Every Post Of Your Blogspot Blog

few days ago, face book surprised us by launching a lot of social plugins, one of them, actually the most popular one yet is the famous like button,
In this tutorial you’ll learn how to add it to your blogger blog.
and you’ll learn how to customize
  • change the verb, like or recommend.
  • change it’s color.
  • change it’s font.



Adding it to your template. The button code,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
 
where to add it ?
Log into your blogger account, then go to Layout >> Edit Html.
Before doing any thing you must check Expand Widget Templates box.
And find the next Code

<div class='post-header-line-1'/>
 
And after it, paste your button code
What, If you didn’t find the code above in your template, The try to find the following,

<data:post.body/>
 
And paste the button code Before it.

click Save Template and you are done.

0 comments:

Facebook Blogger Plugin: Bloggerized by AllBlogTools.com Enhanced by MyBloggerTricks.com

Post a Comment

Related Posts Plugin for WordPress, Blogger...
 

Alexa Rank

Review www.allitemz.blogspot.com on alexa.com

Blog Archive

Total Pageviews

Your IP

what is my ip address?
back to top