Today I discuss how to add different types of Facebook like button in your blog. Now facebook is the leeding social site. You can see that, my blog has a Facebook like button at the end of a post and another just below the post title. Some days ago I discuss, how to add Facebook like button in your bog but today I discuss about different type of facebook like button. Facebook like button allow visitor to like your post so that other facebook friend can see this. Facebook like button helps you to increase traffic to your blog.
There are three type of Facebook like button are shown in below
You can add any of them in your blog.
At first login your bolg with your Blogger ID,
Step 1. Go To Dashboard > Choose blog > Template > Edit HTML > Check "Expand Widget Template".
Step 2. Search (Ctrl+F) for <data:post.body/> and immediately before it place the following code:
Standard Facebook like button.
Code:
<b:if cond='data:blog.pageType != "static_page"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=400&action=like&font=arial&colorscheme=light&height=30"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:30px;'/> </b:if>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=400&action=like&font=arial&colorscheme=light&height=30"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:30px;'/> </b:if>
Facebook like button with box count on top.
Code:
<b:if cond='data:blog.pageType != "static_page"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=63"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:50px; height:63px;'/>
</b:if>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=63"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:50px; height:63px;'/>
</b:if>
Facebook like button with box count at side.
Code:
<b:if cond='data:blog.pageType != "static_page"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=95&action=like&font=arial&colorscheme=light&height=25"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:95px; height:25px;'/>
</b:if>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=95&action=like&font=arial&colorscheme=light&height=25"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:95px; height:25px;'/>
</b:if>
Step3:
Now save the template. You are done.
0 comments:
Post a Comment
Note: only a member of this blog may post a comment.