In this post i will explain how to add facebook like button for posts in
blogger vertical count -horizontal count without count just follow the steps
and it will be done and it will look like that at the end.
1-First backup your template.
2-Go to blogger log in your account choose>>Template>>Edit HTML and check
expand box.
3-Search for the following code <data:post.body/> (copy it and click
CTRL+F to search for it)
If you wish to add like button just below of post title the add the below
code just before of
blogger vertical count -horizontal count without count just follow the steps
and it will be done and it will look like that at the end.
1-First backup your template.
2-Go to blogger log in your account choose>>Template>>Edit HTML and check
expand box.
3-Search for the following code <data:post.body/> (copy it and click
CTRL+F to search for it)
If you wish to add like button just below of post title the add the below
code just before of
<data:post.body/>
and if you wish to add this like button just below of your post then add
below code just below of <data:post.body/>
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>
That is it you are done enjoy!!
0 comments:
Post a Comment