Tuesday, June 18, 2013

Share It

Add Facebook Like Button below posts titles (Speed Loading)

To get more traffic to our blogs we need to optimize our site for SEO. Mostly we have to concentrate on social sites like facebook to promote our blogs. I have already discussed about improving traffic to our site using facebook fan page. Here I want to discuss about adding a facebook like button at the bottom of your post titles. Actually you might have been using or seen on some blogs having facebook like button at the bottom of the posts or below the post titles. They will help your readers to like your articles on facebook. But most of these like buttons may take more time to load. So I have came with a new like button which takes less time to load.

How to add facebook Like Button to blogger?

1.Go To Blogger > Template > Edit HTML



2.Backup your template first





3.Click the "Expand Widgets Templates".(Some of them don't have "Expand Widgets Templates". If it is not there for you then you can proceed to step 4.)

4.Search for this,
<data:post.body/>
 5.Just above it paste the code below,
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
  6. Save your template and you are done!

Please comment below if you have anything to share or ask your query. Thank you.
Author: Bhanu Chander Bathini (CEO, Tricks Town.)
Hey friends, I am Bhanu Chander a Web Designer/Developer, Content writer, Freelance SEO analyst and a blogger. I am pursuing my M.Tech in Computer Science and Engg. You can contact me on bhanu4funn@gmail.com for web design solutions at low cost with effective SEO.

0 comments: