Home Blogging Tips How to Add Facebook Like Button Below Post Title in Blogger Blog

How to Add Facebook Like Button Below Post Title in Blogger Blog

0
23
Recommended WordPress Hosting

Facebook is the world leading and most popular social networking site that will dominating the world. Facebook Like Button is the feature that helps you to adding into your every blog posts to show visitors to like your post using Facebook if they like your articles. In this tutorial, I will show you how to add Facebook like button below every post title in Blogspot blogs.

Facebook like button helps you to get more user engagement with your content and social engagements helps you to make attraction for search engine robots.

More social engagements loves by search engine robots and they consider that your post is valuable, useful and informative for particular topic. So they show your searchers that your page is awesome and showing your web page in SERPs (search engine result pages).

Are you ready for this?

Just scroll down and learn how to add this Facebook like button into your blogger blog below every blog post title.

Adding Facebook Like Button Below Post Title in Blogspot

Step1 – First of all, go to www.blogger.com and Sign In to your account.

blogger-homepage

Step2 – Select your blog and then go to the “Themes” from the left sidebar options and click on the “Edit HTML” link.

customize-blogger-theme

Step3 – Click anywhere in the code and press CTRL + F to find some tags.

Step4 – Now copy below code and paste in the search bar to find out this tag.

<DATA:POST.BODY/>

Note: It will displayed almost three times in a template, you can find it in second or third time, then paste just above it below code. 

Step5 – So just above this tag, copy below code and paste it, just like shown in the image below.

<P><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;’/></P>

adding-facebook-like-button-in-blogger

Step6 – Now save your theme and you done it.

Simply go to your blog, and see the live Facebook Like Button just below on each blog post title into your blog. This is an amazing and SEO friendly blogger widget that helps you to increasing your blog engagements with your readers.

Are you like this widget?

Get let’s try this and I’m waiting for your response.

If you like this tutorial, just subscribe my newsletters to get the amazing blogging tips, tools and resources which I don’t share on my blog. Share with love !!!

Load More Related Articles
Load More By Aamir Saleem Ansari
Load More In Blogging Tips

Leave a Reply

Your email address will not be published. Required fields are marked *