{"id":189,"date":"2010-05-07T12:43:29","date_gmt":"2010-05-07T12:43:29","guid":{"rendered":"https:\/\/bloggeruser.com\/?p=189"},"modified":"2010-05-07T12:43:29","modified_gmt":"2010-05-07T12:43:29","slug":"facebook-like-recommend-button-for-blogger-blog","status":"publish","type":"post","link":"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/","title":{"rendered":"Facebook Like \/ Recommend button for Blogger Blog"},"content":{"rendered":"

\"Facebook<\/a> Your blogger blog can be more social with Facebook\u2019s set of social plugins. I hope you already using the Facebook fan page<\/a> and Fan box for your blog to optimise and distribute your blogger content on Facebook. And now along with the Like of you main blog page on facebook, people or your friends can specifically like your every single post. This blog also makes use of the Facebook Like plugin, which you can see at the top of the post or in the demo below.
\nThe Facebook like button will enable your blog readers to easily spread the love of your post among their friends on their facebook wall. And that can be just with one click for your readers. So is it easier for you to implement on your blog, as Facebook says \u201cwith just a line of Html\u201d.
\nOk so ready to add the button in your blog? Here we go with the detailed instructions. Follow these step by step instructions to add the like button in your blog.
\n1. Log in to your dashboard\u2013> Navigate to layout \u2013>Edit Html Tab<\/strong><\/p>\n

\"Blogger<\/a>
\n2.\tBefore you edit your blogger Template, Make sure you backup every time<\/strong>, by clicking on the Download Full Template so that you may restore it if something goes wrong.<\/p>\n

\"Backup<\/a>
\n3.\tYou need to \u201cexpand Widget Templates\u201d<\/strong>. To do that check the box and it will expand itself.<\/p>\n

\"Blogger<\/a>
\n4.\tLook for <\/p>\n

 <data:post.body\/> <\/pre>\n
  in your code, (Press Ctrl + F to find) and immediately after that place the following code.<\/p>\n
\n<b:if cond='data:blog.pageType == &quot;item&quot;'>\n<iframe allowTransparency='true' expr:src='&quot;http:\/\/www.facebook.com\/plugins\/like.php?href=&quot; + data:post.url + &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:40px;'\/>\n<\/b:if>\n<\/pre>\n
5. This code will show the Like Button on Post pages only (Single Posts only) . If you want to display it everywhere, then remove the the first (1) and last line (3).<\/p>\n
\n<b:if cond='data:blog.pageType == &quot;item&quot;'>\n<\/b:if>\n<\/pre>\n
 Customise the Button <\/h3>\n
You can change the following parameters in the above code and customise the button according to your need.
\n# If you want to show  friend icons under the button, then you should use the parameter:<\/p>\n
show_face=true<\/strong><\/p>\n
#If you want to display only the simple button with count, then you need to use the parameter:<\/p>\n
layout=button_count <\/strong><\/p>\n
#If you want a darker color scheme for your button, then you need to use the parameter:<\/p>\n
colorscheme=dark<\/strong><\/p>\n
#Width of the frame
\nsee those figures in the code, You can change them to customize the width of the iFrame as you like.
\n# Font of the Button
\nYou can change the font by editing the font=arial parameter. You can change it to any of
\n   
\n   1. font=lucida+grande
\n   2. font=segoe+ui
\n   3. font=tahoma
\n   4. font=trebuchet+ms
\n   5. font=verdana
\n<\/strong><\/p>\n
 Make it Recommend Button <\/h3>\n
Dont like the word, “Like”, You can esily change it to “Recommend and thus have a recommmend Button.<\/p>\n
 Additional Resources <\/h3>\n
Facebook Documentation for the Like button<\/a>
\nI hope you like this Like Button. Feel free to ask any questions in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"
Make your Blogger blog more social with Facebook\u2019s set of social plugins. The Facebook like button will enable your blog readers to easily spread the love of your post among their friends on their facebook wall.Follow these step by step instructions to add the like or Recommend button in your blog.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[128],"yoast_head":"\nFacebook Like \/ Recommend button for Blogger Blog – Blogger User<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Facebook Like \/ Recommend button for Blogger Blog – Blogger User\" \/>\n<meta property=\"og:description\" content=\"Make your Blogger blog more social with Facebook\u2019s set of social plugins. The Facebook like button will enable your blog readers to easily spread the love of your post among their friends on their facebook wall.Follow these step by step instructions to add the like or Recommend button in your blog.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/\" \/>\n<meta property=\"og:site_name\" content=\"Blogger User\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pradeepdotco\" \/>\n<meta property=\"article:published_time\" content=\"2010-05-07T12:43:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bloggeruser.com\/media\/Facebook-Like-Button-Blogger-300x191.jpg\" \/>\n<meta name=\"author\" content=\"Pradeep Singh\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pradeep Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/\",\"url\":\"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/\",\"name\":\"Facebook Like \/ Recommend button for Blogger Blog – Blogger User\",\"isPartOf\":{\"@id\":\"https:\/\/bloggeruser.com\/#website\"},\"datePublished\":\"2010-05-07T12:43:29+00:00\",\"dateModified\":\"2010-05-07T12:43:29+00:00\",\"author\":{\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\"},\"breadcrumb\":{\"@id\":\"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bloggeruser.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Facebook Like \/ Recommend button for Blogger Blog\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bloggeruser.com\/#website\",\"url\":\"https:\/\/bloggeruser.com\/\",\"name\":\"Blogger User\",\"description\":\"Blogger Users Guide | Blogger\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bloggeruser.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\",\"name\":\"Pradeep Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g\",\"caption\":\"Pradeep Singh\"},\"description\":\"Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.\",\"sameAs\":[\"https:\/\/Pradeep.co\",\"https:\/\/www.facebook.com\/pradeepdotco\",\"https:\/\/twitter.com\/pradeepdotco\"],\"url\":\"https:\/\/bloggeruser.com\/author\/bloggeruser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Facebook Like \/ Recommend button for Blogger Blog – Blogger User","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/","og_locale":"en_US","og_type":"article","og_title":"Facebook Like \/ Recommend button for Blogger Blog – Blogger User","og_description":"Make your Blogger blog more social with Facebook\u2019s set of social plugins. The Facebook like button will enable your blog readers to easily spread the love of your post among their friends on their facebook wall.Follow these step by step instructions to add the like or Recommend button in your blog.","og_url":"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/","og_site_name":"Blogger User","article_author":"https:\/\/www.facebook.com\/pradeepdotco","article_published_time":"2010-05-07T12:43:29+00:00","og_image":[{"url":"https:\/\/bloggeruser.com\/media\/Facebook-Like-Button-Blogger-300x191.jpg"}],"author":"Pradeep Singh","twitter_misc":{"Written by":"Pradeep Singh","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/","url":"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/","name":"Facebook Like \/ Recommend button for Blogger Blog – Blogger User","isPartOf":{"@id":"https:\/\/bloggeruser.com\/#website"},"datePublished":"2010-05-07T12:43:29+00:00","dateModified":"2010-05-07T12:43:29+00:00","author":{"@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a"},"breadcrumb":{"@id":"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bloggeruser.com\/facebook-like-recommend-button-for-blogger-blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bloggeruser.com\/"},{"@type":"ListItem","position":2,"name":"Facebook Like \/ Recommend button for Blogger Blog"}]},{"@type":"WebSite","@id":"https:\/\/bloggeruser.com\/#website","url":"https:\/\/bloggeruser.com\/","name":"Blogger User","description":"Blogger Users Guide | Blogger","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bloggeruser.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a","name":"Pradeep Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g","caption":"Pradeep Singh"},"description":"Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.","sameAs":["https:\/\/Pradeep.co","https:\/\/www.facebook.com\/pradeepdotco","https:\/\/twitter.com\/pradeepdotco"],"url":"https:\/\/bloggeruser.com\/author\/bloggeruser\/"}]}},"_links":{"self":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/189"}],"collection":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/comments?post=189"}],"version-history":[{"count":0,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/189\/revisions"}],"wp:attachment":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/media?parent=189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/categories?post=189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/tags?post=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}