Google Buzz Share Icons With Rollover (Hover) Effect

STEP #1
Log in to Blogger, go to Layout -> Edit HTML
and mark the tick box "Expand Widget Templates"

STEP #2
Now find (CTRL+F) this code in the template:

<data:post.body/>
Now copy one of the below codes and paste it just before the above line.





So, here are the codes, just hover the mouse over each Icon image below to see the effect and copy the code just below the respective image you like to place on your blog;
Buzz this
Code:

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Buzz This' onmouseout='this.src=&quot;http://2.bp.blogspot.com/_A6olrRvpvSc/S3f9jKS8JPI/AAAAAAAABlk/34KVMAeycTw/s1600/g_buzz1.png&quot;' onmouseover='this.src=&quot;http://1.bp.blogspot.com/_A6olrRvpvSc/S3f92tiNgGI/AAAAAAAABmU/bl-apJTlfpI/s1600/g_buzz7.png' src='http://2.bp.blogspot.com/_A6olrRvpvSc/S3f9jKS8JPI/AAAAAAAABlk/34KVMAeycTw/s1600/g_buzz1.png'/></a>

Buzz this
Code:
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Buzz This' onmouseout='this.src=&quot;http://2.bp.blogspot.com/_A6olrRvpvSc/S3f9kjeKPjI/AAAAAAAABls/VTgX8ZsKYDw/s1600/g_buzz2.png&quot;' onmouseover='this.src=&quot;http://1.bp.blogspot.com/_A6olrRvpvSc/S3f92tiNgGI/AAAAAAAABmU/bl-apJTlfpI/s1600/g_buzz7.png' src='http://2.bp.blogspot.com/_A6olrRvpvSc/S3f9kjeKPjI/AAAAAAAABls/VTgX8ZsKYDw/s1600/g_buzz2.png'/></a>

Buzz this
Code:
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Buzz This' onmouseout='this.src=&quot;http://2.bp.blogspot.com/_A6olrRvpvSc/S3f9mA98HVI/AAAAAAAABl0/RGiQAWZNh-E/s1600/g_buzz3.png&quot;' onmouseover='this.src=&quot;http://1.bp.blogspot.com/_A6olrRvpvSc/S3f92tiNgGI/AAAAAAAABmU/bl-apJTlfpI/s1600/g_buzz7.png' src='http://2.bp.blogspot.com/_A6olrRvpvSc/S3f9mA98HVI/AAAAAAAABl0/RGiQAWZNh-E/s1600/g_buzz3.png'/></a>

Buzz this
Code:
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Buzz This' onmouseout='this.src=&quot;http://3.bp.blogspot.com/_A6olrRvpvSc/S3f9n-wm3CI/AAAAAAAABl8/e5P-yRaOtUw/s1600/g_buzz4.png&quot;' onmouseover='this.src=&quot;http://1.bp.blogspot.com/_A6olrRvpvSc/S3f92tiNgGI/AAAAAAAABmU/bl-apJTlfpI/s1600/g_buzz7.png' src='http://3.bp.blogspot.com/_A6olrRvpvSc/S3f9n-wm3CI/AAAAAAAABl8/e5P-yRaOtUw/s1600/g_buzz4.png'/></a>

Buzz this
Code:
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Buzz This' onmouseout='this.src=&quot;http://4.bp.blogspot.com/_A6olrRvpvSc/S3f9pmw85YI/AAAAAAAABmE/fo1suXh8ouY/s1600/g_buzz5.png&quot;' onmouseover='this.src=&quot;http://1.bp.blogspot.com/_A6olrRvpvSc/S3f92tiNgGI/AAAAAAAABmU/bl-apJTlfpI/s1600/g_buzz7.png' src='http://4.bp.blogspot.com/_A6olrRvpvSc/S3f9pmw85YI/AAAAAAAABmE/fo1suXh8ouY/s1600/g_buzz5.png'/></a>

Buzz this
Code:
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Buzz This' onmouseout='this.src=&quot;http://2.bp.blogspot.com/_A6olrRvpvSc/S3f9r33B0WI/AAAAAAAABmM/pvBHDHlc-9Q/s1600/g_buzz6.png&quot;' onmouseover='this.src=&quot;http://1.bp.blogspot.com/_A6olrRvpvSc/S3f92tiNgGI/AAAAAAAABmU/bl-apJTlfpI/s1600/g_buzz7.png' src='http://2.bp.blogspot.com/_A6olrRvpvSc/S3f9r33B0WI/AAAAAAAABmM/pvBHDHlc-9Q/s1600/g_buzz6.png'/></a>

Buzz this
Code:
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Buzz This' onmouseout='this.src=&quot;http://4.bp.blogspot.com/_A6olrRvpvSc/S3f94_Ifq6I/AAAAAAAABmc/p9bb_4A8dJE/s1600/g_buzz8.png&quot;' onmouseover='this.src=&quot;http://1.bp.blogspot.com/_A6olrRvpvSc/S3f92tiNgGI/AAAAAAAABmU/bl-apJTlfpI/s1600/g_buzz7.png' src='http://4.bp.blogspot.com/_A6olrRvpvSc/S3f94_Ifq6I/AAAAAAAABmc/p9bb_4A8dJE/s1600/g_buzz8.png'/></a>

Enjoy Buzzing!

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes