{"id":393,"date":"2010-02-11T16:18:20","date_gmt":"2010-02-11T22:18:20","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/?p=393"},"modified":"2010-02-11T16:21:14","modified_gmt":"2010-02-11T22:21:14","slug":"add-google-buzz-submit-button","status":"publish","type":"post","link":"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/02\/11\/add-google-buzz-submit-button\/","title":{"rendered":"How to Add Google Buzz Submit Button To WordPress"},"content":{"rendered":"<p>Earlier today I posted about <a href=\"..\/2010\/02\/11\/what-is-google-buzz-why-cant-i-access-buzz-on-my-account\/\">Google Buzz<\/a>, a new social media tool by <a href=\"http:\/\/www.google.com\/\">Google<\/a>. If you haven\u2019t heard about the <strong>Buzz<\/strong>, or you want to know how to get <strong>Google Buzz<\/strong>, then check out my <a href=\"..\/2010\/02\/11\/what-is-google-buzz-why-cant-i-access-buzz-on-my-account\/\">post<\/a>. Several large blogs such as <a href=\"http:\/\/www.mashable.com\/\">Mashable<\/a> and <a href=\"http:\/\/www.techcrunch.com\/\">TechCrunch<\/a> and many other smaller blogs have added a Buzz Button to their posts. If you are wondering, how can I add a button to my site? Well it is pretty simple and you have several options to choose from, when adding the Google Buzz Button to your <a href=\"http:\/\/www.wordpress.org\/\">WordPress<\/a> Blog.<\/p>\n<p>There are two sites offering their own version of the Google Buzz Submit Button. Those are;<\/p>\n<ul>\n<li>Buzz. This plugin developed by <a href=\"http:\/\/www.tricksdaddy.com\/2010\/02\/add-google-buzz-button-to-wordpress-blog.html\">ClickonF5<\/a>, this plugin has not been approved by <a href=\"http:\/\/www.wordpress.org\/\">WordPress<\/a> yet but, you can download here.<\/li>\n<\/ul>\n<ul>\n<li>If you want to code it your self, you can go to <a href=\"http:\/\/www.tricksdaddy.com\/2010\/02\/add-google-buzz-button-to-wordpress-blog.html\">Tricksdaddy<\/a>, there is a small walk through on how to add the buzz to your php<\/li>\n<\/ul>\n<ul>\n<li>Or if you want a different button, you can go over to <a href=\"http:\/\/savedelete.com\/how-to-add-google-buzz-share-button-on-your-wordpress-blog.html\">Save Delete<\/a>, and use their button instead.\u00a0 \u00a0All three sites have a quick walk through on how to add the button or where to get the plugin.<\/li>\n<\/ul>\n<p>What I do not like about these walk throughs is its to basic and if you know next to nothing when comes to coding you will not be able to add and customize the location of the code.\u00a0 I learned a trick from Hesham over at <a href=\"http:\/\/www.famousbloggers.net\/\">Famous Bloggers<\/a> how to manually add the code and stylize it the way I wanted it.\u00a0 Below is a quick run through on how to add the code to be posted on every post just before the content aligned right.\u00a0 If this doesn\u2019t work for you, please let me know through a comment or through the <a href=\"..\/contact-us\/\">contact form<\/a>. If I can not find you an answer, I will do my best to find one.<\/p>\n<h3>How to install Google Buzz Button Manually and to align Right<\/h3>\n<p>In order for the <strong>Buzz Button<\/strong> to work, your <a href=\"http:\/\/www.google.com\/reader\">Google Reader<\/a> account will need to be connected to your Google Buzz Account. If you have not activated your <strong>Google Rader<\/strong> then go to your <a href=\"http:\/\/www.google.com\/profiles\">Google Profile<\/a> page and activate it. Then on your Buzz page make sure the Google Reader is activated for the buzz button to work.<\/p>\n<p>Once you have you gotten Google Reader setup, you will need to open up your <strong>WordPress<\/strong> Admin Panel.<\/p>\n<p>1. Navigate      to <strong>Appereance &gt; Editor &gt;      Single.php<\/strong> or index.php ( if you do not have single.php)<\/p>\n<p>2. Before      you making any changes to the code, <strong>make a backup of the code<\/strong>. You can      copy the entire batch of code fromm single.php or index.php and past it into      a text document if you make a mistake that you can not recover from, you      can remove the code from the editor and put the copied code back into the      editor and save it.<\/p>\n<p>3. Then      copy the code:<\/p>\n<li>\n<blockquote><p>&lt;a<\/p>\n<p>href=&#8221;http:\/\/www.google.com\/reader\/link?url=&lt;?php the_permalink() ?&gt;&amp;title=&lt;?php the_title(); ?&gt;&amp;srcURL=&lt;?php bloginfo(&#8216;url&#8217;); ?&gt;&#8221; target=&#8221;_blank&#8221; rel=&#8221;nofollow external&#8221;&gt;&lt;img<\/p>\n<p>src=&#8221;http:\/\/img2.pict.com\/34\/3b\/1e\/2814787\/0\/googlebuzz.png&#8221; width=&#8221;50&#8243; height=&#8221;58&#8243; alt=&#8221;&#8221; \/&gt;&lt;\/a&gt;<\/p><\/blockquote>\n<p>4. Past      the code anywhere into code and should it show up aligned left on the      form.<br \/>\n5. If      you want to align right then copy this code instead:<\/p>\n<blockquote><p>&lt;span style=&#8221;margin: 0px 6px 0px 0px; float: Right;&#8221;&gt;&lt;a<\/p>\n<p>href=&#8221;http:\/\/www.google.com\/reader\/link?url=&lt;?php the_permalink() ?&gt;&amp;title=&lt;?php the_title(); ?&gt;&amp;srcURL=&lt;?php bloginfo(&#8216;url&#8217;); ?&gt;&#8221; target=&#8221;_blank&#8221; rel=&#8221;nofollow external&#8221;&gt;&lt;img<\/p>\n<p>src=&#8221;http:\/\/img2.pict.com\/34\/3b\/1e\/2814787\/0\/googlebuzz.png&#8221; width=&#8221;50&#8243; height=&#8221;58&#8243; alt=&#8221;&#8221; \/&gt;&lt;\/a&gt;&lt;\/span&gt;<\/p><\/blockquote>\n<p>6. In      order to put the code before the content, put the code between<\/p>\n<blockquote><p>&lt;!&#8211; post &#8211;&gt;<\/p>\n<p>&lt;div &lt;?php post_class(&#8216;clearfix&#8217;); ?&gt;&gt;<\/p>\n<p>&lt;?php<\/p>\n<p>if(function_exists(&#8216;the_post_thumbnail&#8217;))<\/p>\n<p>if (has_post_thumbnail()) $post_thumb = true; else $post_thumb = false;<\/p>\n<p>?&gt;<\/p>\n<p>&lt;?php if (!get_post_meta($post-&gt;ID, &#8216;hide_title&#8217;, true)): ?&gt;&lt;h1 class=&#8221;title&#8221;&gt;&lt;?php the_title(); ?&gt;&lt;\/h1&gt;&lt;?php endif; ?&gt;<\/p>\n<p>&lt;div&gt;<\/p><\/blockquote>\n<p>7. Then      Post the code after this last line.<\/p>\n<p>8.The      code should be put between the code from above and this last batch of      code.<\/p>\n<blockquote><p>&lt;?php if($post_thumb): ?&gt;<\/p>\n<p>&lt;div&gt;<\/p>\n<p>&lt;?php the_post_thumbnail(); ?&gt;&lt;\/div&gt;<\/p>\n<p>&lt;?php endif; ?&gt;<\/p><\/blockquote>\n<p>9. Save      it and test it by opening one of your posts and clicking on the buzz      button.<\/p>\n<p>I uploaded the button to <a href=\"http:\/\/img2.pict.com\/34\/3b\/1e\/2814787\/0\/googlebuzz.png\">Pict<\/a>. But on my system it is coded\u00a0 to load from my server. This will help with load time times. Upload the image on your server and link to it. Replace the link <a href=\"http:\/\/img2.pict.com\/34\/3b\/1e\/2814787\/0\/googlebuzz.png\">http:\/\/img2.pict.com\/34\/3b\/1e\/2814787\/0\/googlebuzz.png<\/a> in the copied code form about with a link to where you uploaded it to your site or to somewhere else.<\/p>\n<p>\ufeff<\/li>\n","protected":false},"excerpt":{"rendered":"<p>Earlier today I posted about Google Buzz, a new social media tool by Google. If you haven\u2019t heard about the Buzz, or you want to know how to get Google Buzz, then check out my post. Several large blogs such as Mashable and TechCrunch and many other smaller blogs have added a Buzz Button to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[49,1],"tags":[1491,206,210,209,62,211,212,1481],"class_list":["post-393","post","type-post","status-publish","format-standard","hentry","category-google","category-uncategorized","tag-google","tag-google-buzz","tag-google-buzz-submit-button","tag-google-profiles","tag-google-reader","tag-manually-install","tag-manually-install-google-buzz-submit-button","tag-wordpress","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-6l","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":0,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}