Im new to blogging and Im using blogger.com for my very first blog. I want to make more interactions that's why I'm planning to install like button feature from facebook to my blog. Can someone tell me how to start? I really want to use this feature from facebook. Hope someone will response. Thanks.
On your page, go to Layout (Design) > Edit HTML and check the "Edit Widget Templates".
Then, find the code <data:post.body/> , immediately right after/before that code add this following codes for the like button:
This is for the Standard Facebook Like Button:
<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=450&
action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>
This is for the Facebook Like Button with Box Count for Blogger:
Just follow the 2 steps mentioned above then add this codes:
<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=55&
action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>
This is for the Facebook Like Button with Count:
Just follow the 2 steps mentioned above then add this codes:
<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=90&
action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</b:if>
Below are the photos on how to edit your HTML.
Hope these help.
