{"id":22360,"date":"2011-06-02T11:14:15","date_gmt":"2011-06-02T05:44:15","guid":{"rendered":"https:\/\/www.amitbhawani.com\/blog\/?p=22360"},"modified":"2011-06-02T11:14:15","modified_gmt":"2011-06-02T05:44:15","slug":"install-google-button-wordpress-blogger-blogs","status":"publish","type":"post","link":"https:\/\/www.amitbhawani.com\/blog\/install-google-button-wordpress-blogger-blogs\/","title":{"rendered":"How to Install Google +1 Button on WordPress &#038; Blogger Blogs"},"content":{"rendered":"<p>Google has launched +1 button which helps users to publicly show what you like or recommend on the web. +1 button can be placed on any webpage on web and will make users understand the importance of a particular webpage. Since there exists so many clones of one information on the web, +1 button will make it easy for others to determine the trusted information.<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/apis.google.com\/js\/plusone.js\"><\/script><br \/>\n<g:plusone size=\"tall\"><\/g:plusone><\/p>\n<p>When you +1 a page on web, the +1 button will turn blue and the same +1 will be added to the +1\u2019s tab of your profile. +1 for web is a public action and it\u2019s visible to all the users includings your friends. You can control the visibility of the +1\u2019s tab.<\/p>\n<p>+1 button is customizable and it\u2019s available in 4 different sizes of 15px, 20px, 24px and 60px.<a href=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2011\/06\/Google%2B1.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-22361\" title=\"Google +1 button sizes\" src=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2011\/06\/Google%2B1.png?resize=426%2C374\" alt=\"Google +1 button sizes\" width=\"426\" height=\"374\" srcset=\"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2011\/06\/Google%2B1.png?w=684&amp;ssl=1 684w, https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2011\/06\/Google%2B1.png?resize=300%2C263&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2011\/06\/Google%2B1.png?resize=150%2C131&amp;ssl=1 150w\" sizes=\"auto, (max-width: 426px) 100vw, 426px\" \/><\/a><\/p>\n<h3>Google +1 Button on WordPress Blogs<\/h3>\n<p>Google has made it simple for the installation of +1 button on your WordPress blogs. You need to follow the two settings mentioned below \u2013<\/p>\n<ol>\n<li> Go to header.php and search for &lt;\/head&gt; and immediately before that place the following code<code> &lt;script type=\"text\/javascript\" src=\"http:\/\/apis.google.com\/js\/plusone.js\"&gt;&lt;\/script&gt;<\/code><\/li>\n<p><code> <\/code><\/p>\n<li>The next move is to add +1 button for rendering, so put the following code in widget or where ever you want.<code> &lt;g:plusone&gt;&lt;\/g:plusone&gt;<\/code><\/li>\n<p><code> <\/code><\/ol>\n<h3>Google +1 Button on Blogger Blogs<\/h3>\n<ol>\n<li>For +1 button installation on blogger blog, go to your blog, click on Design &gt; Edit HTML and search for &lt;head&gt; and paste the following code<br \/>\n<code>&lt;script type=\"text\/javascript\" src=\"http:\/\/apis.google.com\/js\/plusone.js\"&gt;&lt;\/script&gt;<\/code><\/li>\n<li>Now the next step is to place Google +1 button in the post area. To do that place the below code in coding part where you want the +1 button to render.<code>&lt;g:plusone&gt;&lt;\/g:plusone&gt;<\/code><\/li>\n<\/ol>\n<p>The above code was for Standard (24px) size. For other sizes visit <a title=\"Google +1 Button\" href=\"http:\/\/www.google.com\/webmasters\/+1\/button\/index.html\" target=\"_blank\">Google +1 button<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google has launched +1 button which helps users to publicly show what you like or recommend on the web. +1 button can be placed on any webpage on web and will make users understand the importance of a particular webpage. Since there exists so many clones of one information on the web, +1 button will [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":22361,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[148],"tags":[],"class_list":{"0":"post-22360","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-google","8":"entry"},"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2011\/06\/Google%2B1.png?fit=684%2C601&ssl=1","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":7603,"url":"https:\/\/www.amitbhawani.com\/blog\/google-chrome-extension-to-take-screen-capture-easily\/","url_meta":{"origin":22360,"position":0},"title":"Google Chrome Extension to Take Screen Capture Easily","author":"Amit Bhawani","date":"December 11, 2009","format":false,"excerpt":"Google Chrome Extensions are publicly launched and now there are numerous options to install on your Chrome Browser which can not only help you but also increase your work productivity. While there are several options for taking website screenshots like Screenshot Captor, Grab Them All, Screengrab for Firefox & aviary.com\u2026","rel":"","context":"In &quot;Google&quot;","block_context":{"text":"Google","link":"https:\/\/www.amitbhawani.com\/blog\/category\/google\/"},"img":{"alt_text":"Google Chrome Extensions","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2009\/12\/Google-Chrome-Extensions.PNG?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":370,"url":"https:\/\/www.amitbhawani.com\/blog\/google-search-on-nokia-mobile-homescreen\/","url_meta":{"origin":22360,"position":1},"title":"Google search on Nokia Mobile Homescreen","author":"Chetan Bhawani","date":"March 6, 2008","format":false,"excerpt":"Google has got something new for mobile computer users, making everything related to Google faster then before. As the people from Google always say, they try for fast search, fast email, fast everything. And so, fast search was kept in mind by them while making this tool for mobiles. Google\u2026","rel":"","context":"In &quot;Google&quot;","block_context":{"text":"Google","link":"https:\/\/www.amitbhawani.com\/blog\/category\/google\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14569,"url":"https:\/\/www.amitbhawani.com\/blog\/change-default-search-engine-internet-explorer\/","url_meta":{"origin":22360,"position":2},"title":"How to Change Default Search Engine in Internet Explorer","author":"Amit Bhawani","date":"September 29, 2010","format":false,"excerpt":"Internet Explorer 9 has brought in very high number of changes to the Search Engine which is the reason most of the options are quite confusing to the users. In this article we will show you how you can change the default Bing search engine with any other SE of\u2026","rel":"","context":"In &quot;Browsers Blog&quot;","block_context":{"text":"Browsers Blog","link":"https:\/\/www.amitbhawani.com\/blog\/category\/browsers\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/12\/Internet-Explorer-Address-Bar1.png?fit=455%2C247&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":372,"url":"https:\/\/www.amitbhawani.com\/blog\/ie-tab-firefox-extension-for-webmasters\/","url_meta":{"origin":22360,"position":3},"title":"IE Tab &#8211; Firefox Extension for Webmasters","author":"Chetan Bhawani","date":"March 11, 2008","format":false,"excerpt":"A website needs to be checked in different browsers as every visitor doesn't have the same browser, and also if same, the version is not always the same. There are many browsers used like Internet explorer, mozilla firefox, opera and safari for mac(but this post is not helpful for those\u2026","rel":"","context":"In &quot;Browsers Blog&quot;","block_context":{"text":"Browsers Blog","link":"https:\/\/www.amitbhawani.com\/blog\/category\/browsers\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12532,"url":"https:\/\/www.amitbhawani.com\/blog\/google-nexus-one-android-phone\/","url_meta":{"origin":22360,"position":4},"title":"Google Nexus One Review \u2013 Best Android Phone","author":"Tony Stark","date":"July 8, 2010","format":false,"excerpt":"Google Nexus One also called as the Google Cell Phone G1 is sleek, light and an exceptionally thin Smartphone, but gives brilliant power to its visual applications to the delight of the user. The back cover is made from a rubber-like plastic, which boosts users' grip of the phone and\u2026","rel":"","context":"In &quot;Google Android&quot;","block_context":{"text":"Google Android","link":"https:\/\/www.amitbhawani.com\/blog\/category\/android\/"},"img":{"alt_text":"Google Nexus One Phone","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/Google-Nexus-One.jpg?fit=540%2C400&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/Google-Nexus-One.jpg?fit=540%2C400&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/07\/Google-Nexus-One.jpg?fit=540%2C400&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":16189,"url":"https:\/\/www.amitbhawani.com\/blog\/pull-sent-email-in-gmail\/","url_meta":{"origin":22360,"position":5},"title":"How to Pull Back a Sent Email in Gmail using Undo Option","author":"Yogesh Patel","date":"November 8, 2010","format":false,"excerpt":"Generally 'Undo' is act to take a step back from the step you have taken forward. Basically it's used in general day purpose in daily activities related to computer. Gmail by Google is the best rated mail service by many which offers an ample amount of data storage online and\u2026","rel":"","context":"In &quot;How to Guide&quot;","block_context":{"text":"How to Guide","link":"https:\/\/www.amitbhawani.com\/blog\/category\/how-to\/"},"img":{"alt_text":"Undo Sent Messages in Gmail","src":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/11\/gmail-app.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/11\/gmail-app.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.amitbhawani.com\/blog\/wp-content\/uploads\/2010\/11\/gmail-app.png?resize=525%2C300 1.5x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/posts\/22360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/comments?post=22360"}],"version-history":[{"count":0,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/posts\/22360\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/media\/22361"}],"wp:attachment":[{"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/media?parent=22360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/categories?post=22360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.amitbhawani.com\/blog\/wp-json\/wp\/v2\/tags?post=22360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}