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:
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:
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>
There Are Three Facebook Like button Designs ... Following Are The Name Of Them ..
1: Vertical Count
2: Horizontal Count
1: Vertical Count
2: Horizontal Count
3: Without Count
1. Vertical Count
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>
2. Horizontal Count
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>
3. Without Count
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>
0 comments:
Post a Comment