Menu

Lovely Cute
  • More Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Dream Fun Product

    Drop Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Home
  • About
  • Contact
  • Sitemap
  • Others
    • Gambar Lucu
    • Infografis
    • Inspirasi
    • Motivasi
    • Photoshop
    • Teka-teki
    • Tips
    • Ucapan

Quicker BD

  • Menu
  • Home
  • Blogger
    • SEO
      • SEO 1
      • SEO 2
    • CSS
      • CSS 1
      • CSS 2
      • CSS 3
      • CSS 4
      • CSS 5
    • Jquery
      • Jquery 1
      • Jquery 2
  • Music
    • Product 1
      • Sub Item
      • Sub Item
    • Product 2
      • Sub Item
      • Sub Item
  • Flat UI
  • Features
Home » Blogger Tutorial » Blogger Widget » How-to » Add Facebook Like Button Below Post Titles (Blogger)

Add Facebook Like Button Below Post Titles (Blogger)

In my previous posts, i have already shared many widgets which is related to Facebook fanpage like box and popup Facebook like box etc. but some times like box widgets are not working and effects to the page loading time. because of this reason i have decided to share an another Facebook like button which can be added anywhere you want inside your blog and the best and recommended place is below post title. having a Facebook like button right after the title of your blogger post have more chances to increase likes as well as traffic.

Facebook Like Button

This time we are talking about a Facebook like button for your blog posts. suppose a visitor comes in your blog and reading your article and then they liked your writing style, or the story which is written by you. then how they can show their feeling about your article? however, there are many option available in blogger for your blog readers to show their feeling such as commenting, and share post on social sites using your post's URL. but what about those who don't know about the feature that they have that option to share or comment on your blog.? If they are do not know about the commenting system you have enabled in your blog then you must have a like button which looks professional and anyone, even a newbie can understand or get idea about the button is to show that they like the post. If your reader really liked your post from heart, then definitely he/she will click on the like button to show that he/she liked your post.

What you will get by increasing likes in your blog posts? When a reader of your blog posts likes your post, Your post will be shared on Facebook wall of liker. And this is what we wants, This way you have the chances to increase a good traffic to your blog through Facebook.

Now, if you would like to have this Like button to be installed in your blog right after post titles then follow the simple and easy steps given below :

Also see : Add WikiHow Styled Like us on Facebook Slide out Widget to Blogger

How to Add Facebook Like Button Below Post Titles in Blogger?

Go to blogger dashboard > Template > Edit HTML
Press CTRL + F to enable search box, and then search for the following code

<data:post.body/>

Now, 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;'/>

Save your template, and you're done !!

Visit your blog and see the button will be displayed just after the post titles. Feel free to ask any questions you may have.  
Add Comment
Blogger Tutorial Blogger Widget How-to

Share

Like

G+

Tweet

Tweet
Related Posts

Show Conversion CodesHide Conversion Codes
Show EmoticonHide Emoticon
Newer Older Home
Powered by Blogger.

Weekly Posts

  • How to Add A Transparent Notification Bar To Blogger
    How to Add A Transparent Notification Bar To Blogger
  • Add Auto Read More with Thumbnail to Blogger/Blogspot
    Add Auto Read More with Thumbnail to Blogger/Blogspot
  • Simple Recent Posts Widget for Blogger / Blogspot
    Simple Recent Posts Widget for Blogger / Blogspot
  • Xmas "Flying Santa Claus" Widget for Blogger
    Xmas "Flying Santa Claus" Widget for Blogger
  • Supreme V2 ( Version 2) Responsive Blogger Template Download for free
    Supreme V2 ( Version 2) Responsive Blogger Template Download for free
  • Create a Free Blog with Blogspot.com
    Create a Free Blog with Blogspot.com
  • How to Embed YouTube Videos In Blogger Posts
    How to Embed YouTube Videos In Blogger Posts
  • Optimising images for search engines
    Optimising images for search engines
  • HTML iFrame Code Generator
    HTML iFrame Code Generator
  • Add Facebook Like Button Below Post Titles (Blogger)
    Add Facebook Like Button Below Post Titles (Blogger)

Blog Archive

  • ►  2017 (2)
    • ►  October (1)
    • ►  May (1)
  • ►  2016 (5)
    • ►  October (1)
    • ►  September (1)
    • ►  March (1)
    • ►  February (2)
  • ►  2015 (28)
    • ►  November (1)
    • ►  September (7)
    • ►  August (2)
    • ►  July (1)
    • ►  June (1)
    • ►  April (3)
    • ►  March (3)
    • ►  February (5)
    • ►  January (5)
  • ▼  2014 (105)
    • ►  December (4)
    • ▼  November (6)
      • Flipper Social Sharing Widget for Blogger
      • Add jQuery Link Nudging On Links Hover For Blogger...
      • Are you using SSL ? As Now It Is A Ranking Factor !
      • Featured images not showing up on blogger index/pa...
      • jQuery to Turn off or Turn on the lights while wat...
      • Add Facebook Like Button Below Post Titles (Blogger)
    • ►  October (1)
    • ►  September (8)
    • ►  August (12)
    • ►  July (14)
    • ►  June (5)
    • ►  May (11)
    • ►  April (5)
    • ►  March (15)
    • ►  February (24)

Labels

  • Facebook
  • twitter
  • googleplus
  • linkedin
  • youtube
  • flickr
  • vimeo
  • deviantart

Copyright Quicker BD 2018

Published By Gooyaabi Templates