Sunday, 12 May 2013

How to Add Facebook Like Button?

Holllaaaa readers! =)

Some of you might not know how to add facebook LIKE button on blog. 
So here is the tutorial. 
I hope this will help you ok! =)

1. Log in to your blog/website.

 2. Next on the Overview window, look for template and click it. Then, go to Edit HTML


3. In the Template window, click on Proceed.

4. Check on the Expand Widget Template



5. Search (CTRL+f) for <data:post.body/> in the html script. 
Now there are 2 matches, and we just need the first <data:post.body/>.



6. Copy the FB like button html code:

<!--This is a comment. Put before <data:post.body/> your like button will be on the TOP left-->
<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.canonicalUrl + &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>

7. Once copied, then paste it BEFORE <data:post.body/> statement.


8. Finally, save the template and DONE!



Congratulations!!! 


**good luck to all of you.. =)


WirdansiRazali
0132422663

No comments:

Post a Comment