How to make a like button for your blog

Asked By 0 points N/A Posted on -
qa-featured

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.

SHARE
Answered By 0 points N/A #80412

How to make a like button for your blog

qa-featured

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 != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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>

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 != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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=65&quot;' 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 != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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>

Below are the photos on how to edit your HTML.

Hope these help.

Login/Register to Answer

Related Questions