Popular Post

Posted by : Shahwal Mohsin Friday, 15 February 2013


Friends, here is widget for blogger that how to add facebooklike button to your posts, facebook is the biggest social networking site and peoples expresses theirs loves from facebook likes so here is a widget for facebook like.

                                              DEMO

Steps:

1.  Login to Blogger.
2. Go to Dashborad.

3. Select Template 
4. Backup your Template before making any changes to your blog
5. Now Click on Edit HTML 
6. Click proceed.
7. Click on  Expand Widget Templates
8. Press CTRL + F
9. Search for  <data:post.body/>

Note: If you Want To Add This Like Button Just Below Of Post Title Then Add The Below Code Before Of <data:post.body/> 
OR
 If you Want To Add This Like Button Just Below Of your Post Then Add The Below Code (Which You Want) Below Of <data:post.body/>
Choose Your Like Button Design:
There Are Three Facebook Like button Designs ... Following Are The Name Of Them ..
1: Vertical Count
2: Horizontal Count 
3: Without Count

1. Vertical 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=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>
2. Horizontal 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>
3. 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=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 Softwares World - Date A Live - Powered by Blogger - Designed by Johanes Djogan -