Skip to main content

How to Add Facebook like button to Blogger

Facebook like button to Blogger

How to Add Facebook like button to Blogger: In this Article you Learn how you can Install the Facebook Like Button below the blog posts. Its Very simple and Easy to install Facebook like button so don't worry if you are not a coder then also you can do this task. As all you know that Facebook is the one of the largest social network on the Earth. Facebook ranks 1 on Alexa. it is the one of the best and Top site on google. you can share images, files with your friends on Facebook. So today Every one addicted to use Facebook on daily basis. So almost million people online using they search article on google and if they visit your site then they can like your Article using Facebook like button which help to get more traffic from Facebook.

Types of Facebook Button

So here we Have a 3 Kinds of Facebook like button. one is vertical, second is horizontal, third is simple like button which also called standard button. you can see all kinds of like button on Facebook Buttons For Website. and select one of them which you like most and which you look good with you theme. All Facebook like button is decent and simple looks user friendly so select one of them which attract you more. its your choice and Everything is depend on you.

Add Facebook like button to Blogger

  • First thing is you need to go to the Template > Edit HTML
  • Press CTRL + F search box is appear now Find <data:post.body/>
<data:post.body/>
  • Go to the second result of <data:post.body/>.
  • Paste below the code which you want to add Facebook Like Button into your blog.
Facebook like button Standard Version:
<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=standard&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:450px; height:35px;'/> 
Facebook like button Vertical Box:
<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=box_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:55px; height:62px;'/> 
Facebook like button Horizontal Box Count: 
<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &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:21px;'/>
Facebook like button
Note: In these image you can  see the share button as well. button in code we remove share button. code is only for like button.
  • Finally you install your Facebook like button in blogger blog posts so now you can save your theme and see result on your website.
Hope so You Like How to Add Facebook like button to Blogger  complete Tutorial So Please Don't forget to leave your feedback in comments.

Labels:

Comments

Post a Comment

Popular posts from this blog

Show Breadcrumbs in Google Search Results for Blogger

Show Breadcrumbs in Google Search Results for Blogger : Everyone can add Breadcrumbs in their blog but you can Rear find this topic. so today you learn about how you can show you breadcrumbs in google search results for blogger, this Article is only for blogger. You need to follow few below steps: Go to the Dashboard > template > Edit HTML Press CTRL + F and search bar is appear. Find Article Tag in your template. if your theme in HTML 5. <Article If you find Article tag then paste below cord on the above of Article Tag. Note: If your theme is not in HTML 5 and you are not able to find article tag in your theme then paste below line and search. itemtype= ' http://schema.org/BlogPosting ' Step 4: Paste below code above this line. <b:if cond= ' data:blog.pageType == &quot;item&quot; '> <b:if cond= ' data:blog.pageType == &quot;item&quot; ' > <div class= ' breadcrumb ' xmlns: v= ' http://rdf.
Post a Comment
Read more

How To Start A Blog And Make It Successful

How To Start A Blog And Make It Successful : If you are a new blogger and you don't know about blogging and you want to make it successful then you must know about some important thing otherwise you can not get desire output from your blog. and you waste your all efforts and time on blog. Read some my Experience Suggestion below. How To Start A Blog And Make It Successful Never Use Free Blogger Theme:  First Remember one thing never use free themes you are on WordPress or blogger doesn't matter don't use free themes because they are not develop accordingly today requirement few themes are not even not responsive and also not SEO friendly. if you want your blog go viral on social media and google then please be original write your own content and must post that contents which audience demand. But if your theme is not good you may right your own contents but finally your google can't understand your posts and it take long time in indexing also due to errors google
Post a Comment
Read more

How to Disable Copy Paste JavaScript For Blogger

Disable Copy Paste JavaScript For Blogger : In this Article we share with you how you can disable copying text from your blog and disable CTRL + C key. it will help you to protect your content from copy cats. Here is the Disable Copy Paste Script for Blogger. Now days any one want to Earn huge money, copy cats copy your original content from your blog and paste into their own blog, so you can't take any action against him if you don't purchase DMCA. if you don't have a money to purchase purchase a DMCA copyrights then just simple use this script no one can copy your contents from your site, and feel free to use this Script this script is not harmful for your site. it is the best script for content protection this script is build in JavaScript also we have a CSS disable copy paste script so CSS copy paste disable is more faster then JavaScript Script. you can use one of them at a time. Here is the link of CSS Script  CSS Disable Copy Function . Here we share with you a Dis
2 comments
Read more