Insert the “Like” Button on your post Blog

In this post we will discuss how to install the “like” button on your blog post.
The advantage like button  in your blog post is the reader can easily share a post that they like to their friends facebook with just one click.
You also get the benefits of additional traffic from readers who click your article in your facebook profile.

For those of you who are interested in installing the “like” button, please follow these steps:
1.  Open http://www.blogger.com site and sign in with your ID.
2.  Click the Design menu  then select Edit HTML
3.  Please tick “expand widget templates”
4.  Find out <data:post.body/> code
If you find two <data:post.body/> code, then select first code.
If you want to install the “like” button below the post, put the following code below <data:post.body/>.
When you want to install the “like” button above the post, put the following code above <data:post.body/>

<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>


code


the view result will be like:
 

5. If you want to create another type “Like” button like, as below:

 

In the code above, please replace word standard with button count.

Happy Blogging :D

comment 0 comments:

Post a Comment

Delete this element to display blogger navbar

 
Google Pagerank Powered by  MyPagerank.Net
© Blogspot Tutorialz | Design by Blog template in collaboration with Concert Tickets, and Menopause symptoms
Powered by Blogger