How to add Google Buzz Button inside post and Homepage of Thesis Theme

Google buzz is new social media network launched by google. All the bloggers want to share their new article in google buzz and getting more traffic from it. Here I have given the code for google buzz button. This button is used to share your article in google buzz with help of google reader also you can add your opinion about the post in the google buzz. To share an article in google buzz you need google reader account. This buzz button shares your post along with your blog link. This video explains in detail about how to add buzz button.

How to add Google Buzz Button inside post and Homepage of Thesis Theme from fourblogger on Vimeo.

The above Video contains…

How to add google buzz button inside the post left or right?

How to add buzz button in home page or teaser box both left side and right side?

It explains custom.css and custom_functions.php code in detail.

This buzz button will not shown in pages like about us and etc..

This video will give an idea about how to add any share button inside post and in homepage.

Codes

Custom.css code code for buzz button.

/*custom.css code for Buzz button t*/a.buzzbutton {background:url("http://fourblogger.com/wp-content/uploads/2010/02/buzz-this.png") no-repeat scroll left top transparent;display:inline-block;font-size:10pt;height:70px;margin-top:0px;outline:medium none;position:relative;text-align:center;text-decoration:none;text-indent:-9999px;width:60px;}

you should replace image url.

 

Google Buzz button inside the post box right side. Copy the below code and paste it in custom_functions.php.

/*custom_functions.php code for Buzz button inside post*/

function buzz_button(){if (!is_page()){?><div><a href="http://www.google.com/reader/link?url=<?php the_permalink(); ?>&amp;title=<?php the_title(); ?>&srcTitle=Fourblogger&srcUrl=http://fourblogger.com">Buzz this!<span></span></a></div><?php}}add_action('thesis_hook_before_post','buzz_button');

Custom.css code for buzz button alignment in right side of post box.

/*custom.css code for Buzz button inside post*/.buzz_button{float:right; }

Google Buzz button inside the teaser box or homepage left side. Copy the below code and paste it in custom_functions.php.

/*custom_functions.php code for Buzz button inside Teaser*/function buzz_button1(){?><div><a href="http://www.google.com/reader/link?url=<?php the_permalink(); ?>&amp;title=<?php the_title(); ?>&srcTitle=Fourblogger&srcUrl=http://fourblogger.com">Buzz this!<span></span></a></div><?php}add_action('thesis_hook_before_teaser','buzz_button1');

Custom.css code for buzz button alignment in left side of teaser box or homepage.

/* css code to align left side of teaser box*/.buzz_button1{float:left;margin-right:5px;}

Share your experience in comment section.
Video.  For more checkout our all Thesis theme tutorials..

{ 5 comments… add one }

Leave a Comment

  • BestofBlogger February 18, 2010, 4:43 AM

    Thank you very much, i am trying to costumize my thesis as watching your videos. Thank you again.

    Reply
    • Pascal February 18, 2010, 2:43 PM

      Do you have problem while customizing post here. we’ll help you.

      Reply
  • jan geronimo February 24, 2010, 10:14 PM

    Wow, you’ve got loads of interesting tutorials on Thesis theme. I think I’m going to subscribe. Okay, no more thinking. Just doing it. LOL

    Reply
    • Pascal February 25, 2010, 9:06 PM

      Hi Jan,

      Thanks for your comment. I am very much glad to see you in my subscriber list.

      Reply
  • Jimmy January 5, 2011, 10:06 AM

    Thanks Suresh for sharing such a nice tutorial.i love to use thesis…..your site helps me a lot……

    Reply