0 How Can You Add Facebook LIKE Button To Your Blog(Blogger/Blogspot)
Saturday, February 12, 2011
Labels:
Blog Tips
Share
If you are a blogger, adding the Facebook LIKE button to your blog will surely help in building more traffic to your blog. Today, I am sharing
with you the simple steps to take in adding the button to your blogger blog.
I now have the button on my blog (towards the end of each post) and when anybody likes the post on my blog, once the person clicks on the LIKE BUTTON, the link to the article gets posted on the facebook's wall of the person. Just imagine if the person has a lot of friends on facebook. Facebook will notify ALL his/her friends that the person LIKES the article. If he/her friends get attracted by the title of the article, am sure you will agree with me that they will definite click to check out the article, which simply means MORE TRAFFIC FOR YOUR BLOG.
So, How Do I Add It To My Blog?
First, I will give you the code for the button and then you will have to decide where to add it in your blog posts.
Facebook Like Button Code :
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
So, Where DO I Put This Code?
Before you apply any changes to your blog, always BACK UP YOUR BLOGGER TEMPLATE.
In my blog, I decided to put the LIKE button below my blog posts, so that the person reading my blog post might find it easier to LIKE the article once he /she finishes reading the blog post.
So, Login to your blog, In your dashboard click 'Layout' > 'Edit Html' > Tick the 'Expand Widget Templates' box.
Inside the EDIT HTML box, you will need to find this highlighted code <div class='post-footer'>
To easily find the code, PRESS Ctrl and F on your keyboard. You should now see a search bar appearing, down on the webpage (You will easily see this if you use Mozilla Firefox browser).
In the search box, copy and paste the code above ( <div class='post-footer'> ) and click find.
Once you are able to locate the code, PASTE the facebook LIKE button code directly below / under <div class='post-footer'>
Click on SAVE TEMPLATE and then preview any of your blog posts. You should now see the FACEBOOK LIKE BUTTON below your blog post. Try it by clicking on it and the link to your blog should appear on your facebok wall.
Thats All.
You can also add it to different locations. It all depends on you.
If you want to add it before your blog posts, you can add it BEFORE <data:post.body/>
If you want to add it below your blog posts titles, you can add it BELOW <div class='post-header-line-1'>
If you want to add it below your blog posts, you can add it UNDER <data:post.body/>
I hope it works..If you have any question to ask or just want to appreciate this piece of information, kindly make use of the comment form below this article on my blog.
with you the simple steps to take in adding the button to your blogger blog.
I now have the button on my blog (towards the end of each post) and when anybody likes the post on my blog, once the person clicks on the LIKE BUTTON, the link to the article gets posted on the facebook's wall of the person. Just imagine if the person has a lot of friends on facebook. Facebook will notify ALL his/her friends that the person LIKES the article. If he/her friends get attracted by the title of the article, am sure you will agree with me that they will definite click to check out the article, which simply means MORE TRAFFIC FOR YOUR BLOG.
So, How Do I Add It To My Blog?
First, I will give you the code for the button and then you will have to decide where to add it in your blog posts.
Facebook Like Button Code :
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
So, Where DO I Put This Code?
Before you apply any changes to your blog, always BACK UP YOUR BLOGGER TEMPLATE.
In my blog, I decided to put the LIKE button below my blog posts, so that the person reading my blog post might find it easier to LIKE the article once he /she finishes reading the blog post.
So, Login to your blog, In your dashboard click 'Layout' > 'Edit Html' > Tick the 'Expand Widget Templates' box.
Inside the EDIT HTML box, you will need to find this highlighted code <div class='post-footer'>
To easily find the code, PRESS Ctrl and F on your keyboard. You should now see a search bar appearing, down on the webpage (You will easily see this if you use Mozilla Firefox browser).
In the search box, copy and paste the code above ( <div class='post-footer'> ) and click find.
Once you are able to locate the code, PASTE the facebook LIKE button code directly below / under <div class='post-footer'>
Click on SAVE TEMPLATE and then preview any of your blog posts. You should now see the FACEBOOK LIKE BUTTON below your blog post. Try it by clicking on it and the link to your blog should appear on your facebok wall.
Thats All.
You can also add it to different locations. It all depends on you.
If you want to add it before your blog posts, you can add it BEFORE <data:post.body/>
If you want to add it below your blog posts titles, you can add it BELOW <div class='post-header-line-1'>
If you want to add it below your blog posts, you can add it UNDER <data:post.body/>
I hope it works..If you have any question to ask or just want to appreciate this piece of information, kindly make use of the comment form below this article on my blog.
0 comments:
Post a Comment