Saturday, January 15, 2011

Google Buzz Share Icons With Rollover (Hover) Effect

0 comments
 
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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDRn8Ob0skNX0CejEA7VaWQWjk9PaJ6JkGGi-qzINDb2o731g3lgEWIfdyhr6MODWf5vRYSf62LOlSvm0cv6lkOG7Gd16t8j9bKRuweeF5RbKu26z3AMvRrM0zCe_aDHg2E3DyYH00V_4b/s1600/g_buzz1.png&quot;' onmouseover='this.src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmBWrdO2DFMX8FSnHfLgjsp42hSPuRxN1LkqfkHWy5QDF2EZGBOBcJ0ZCeCT3-o1ZZ5ExT0HIwiHOOKxl-tvscKCHVN5qYDN2YhinfjWAnPrctiUbSFMkcmu_6EVoJSJcsyrIRjbtqTEX/s1600/g_buzz7.png' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDRn8Ob0skNX0CejEA7VaWQWjk9PaJ6JkGGi-qzINDb2o731g3lgEWIfdyhr6MODWf5vRYSf62LOlSvm0cv6lkOG7Gd16t8j9bKRuweeF5RbKu26z3AMvRrM0zCe_aDHg2E3DyYH00V_4b/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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfaLYva1a2foPyaviTVO130LdJbt8i-bXrXzpc-pv7fdQDwWSDyUfUrqNqShZt91vOEYxhl9vCuRxpquu6OukDqLMayNDLXXUgNIr4YV8a5ORfApsAxa3LcAWVtTJr8DG2AuEFFsNtLxO/s1600/g_buzz2.png&quot;' onmouseover='this.src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmBWrdO2DFMX8FSnHfLgjsp42hSPuRxN1LkqfkHWy5QDF2EZGBOBcJ0ZCeCT3-o1ZZ5ExT0HIwiHOOKxl-tvscKCHVN5qYDN2YhinfjWAnPrctiUbSFMkcmu_6EVoJSJcsyrIRjbtqTEX/s1600/g_buzz7.png' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfaLYva1a2foPyaviTVO130LdJbt8i-bXrXzpc-pv7fdQDwWSDyUfUrqNqShZt91vOEYxhl9vCuRxpquu6OukDqLMayNDLXXUgNIr4YV8a5ORfApsAxa3LcAWVtTJr8DG2AuEFFsNtLxO/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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdfjTGvZfh0lJipn1vKXOsZqMr8xXoVFBg8XrX5iZd4bInG44BGQgVb53YGJwllLlQj0QNFfJRSP5P1N2SQ4gbVNFRi2_2PZlB0PWfGrh-5DOHXOrvWdqlxBoav-aBJKDCt5sqtSbIFP20/s1600/g_buzz3.png&quot;' onmouseover='this.src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmBWrdO2DFMX8FSnHfLgjsp42hSPuRxN1LkqfkHWy5QDF2EZGBOBcJ0ZCeCT3-o1ZZ5ExT0HIwiHOOKxl-tvscKCHVN5qYDN2YhinfjWAnPrctiUbSFMkcmu_6EVoJSJcsyrIRjbtqTEX/s1600/g_buzz7.png' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdfjTGvZfh0lJipn1vKXOsZqMr8xXoVFBg8XrX5iZd4bInG44BGQgVb53YGJwllLlQj0QNFfJRSP5P1N2SQ4gbVNFRi2_2PZlB0PWfGrh-5DOHXOrvWdqlxBoav-aBJKDCt5sqtSbIFP20/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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9YyfEH_sekWigpOJ-z2SuA7zNRnGgn7Cz3kz4Ryiw6aBwftqS8ukqRPEd2s-rTP6zae6WJ-7ipcMgSJQBAYEETpjgr80VpbPak_MaKCD0y2o2xGZmzfOm2678ZbQAbqFECZ3L05c5v36a/s1600/g_buzz4.png&quot;' onmouseover='this.src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmBWrdO2DFMX8FSnHfLgjsp42hSPuRxN1LkqfkHWy5QDF2EZGBOBcJ0ZCeCT3-o1ZZ5ExT0HIwiHOOKxl-tvscKCHVN5qYDN2YhinfjWAnPrctiUbSFMkcmu_6EVoJSJcsyrIRjbtqTEX/s1600/g_buzz7.png' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9YyfEH_sekWigpOJ-z2SuA7zNRnGgn7Cz3kz4Ryiw6aBwftqS8ukqRPEd2s-rTP6zae6WJ-7ipcMgSJQBAYEETpjgr80VpbPak_MaKCD0y2o2xGZmzfOm2678ZbQAbqFECZ3L05c5v36a/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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41b0gIPW-L7FWIDa6NFbghQqLCC1ZCcqPli9QJ5h9SXhgJv-XXwYQVNop0GqDSbtgmhQxJOBQA_dtEJiNfQ0-FP1Y7iYNm_QKxF252oWboMS_Lo7sK5sVRMVfl2J1Kst_cqd6IpEfNepY/s1600/g_buzz5.png&quot;' onmouseover='this.src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmBWrdO2DFMX8FSnHfLgjsp42hSPuRxN1LkqfkHWy5QDF2EZGBOBcJ0ZCeCT3-o1ZZ5ExT0HIwiHOOKxl-tvscKCHVN5qYDN2YhinfjWAnPrctiUbSFMkcmu_6EVoJSJcsyrIRjbtqTEX/s1600/g_buzz7.png' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg41b0gIPW-L7FWIDa6NFbghQqLCC1ZCcqPli9QJ5h9SXhgJv-XXwYQVNop0GqDSbtgmhQxJOBQA_dtEJiNfQ0-FP1Y7iYNm_QKxF252oWboMS_Lo7sK5sVRMVfl2J1Kst_cqd6IpEfNepY/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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf2ztP8tRqe7snmTLL-x3QNYB-9tFygOsqPepjjhJwAh3mfvr_94jb25Nqgb58UgVfL3VRU6RrB2uuBeCPQnxZknxHWhwAorOyE8QOpgPw1XIKdigMPyVjtL2AeODlhm_PpBu_AUi6XfHR/s1600/g_buzz6.png&quot;' onmouseover='this.src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmBWrdO2DFMX8FSnHfLgjsp42hSPuRxN1LkqfkHWy5QDF2EZGBOBcJ0ZCeCT3-o1ZZ5ExT0HIwiHOOKxl-tvscKCHVN5qYDN2YhinfjWAnPrctiUbSFMkcmu_6EVoJSJcsyrIRjbtqTEX/s1600/g_buzz7.png' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf2ztP8tRqe7snmTLL-x3QNYB-9tFygOsqPepjjhJwAh3mfvr_94jb25Nqgb58UgVfL3VRU6RrB2uuBeCPQnxZknxHWhwAorOyE8QOpgPw1XIKdigMPyVjtL2AeODlhm_PpBu_AUi6XfHR/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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMh1irCfDc2zx5Y0mOXA-3T_KCIUHS8heB0RDEIAQr9aMk10TtOl1nye7CKkfMM6x9Nqfn_LhSaZVs2vnKggpqvUp65KOgP9tnRKj7fqIPPI8tDmfMisXmW7PocaY69lz5_wFsfzrPumj9/s1600/g_buzz8.png&quot;' onmouseover='this.src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmBWrdO2DFMX8FSnHfLgjsp42hSPuRxN1LkqfkHWy5QDF2EZGBOBcJ0ZCeCT3-o1ZZ5ExT0HIwiHOOKxl-tvscKCHVN5qYDN2YhinfjWAnPrctiUbSFMkcmu_6EVoJSJcsyrIRjbtqTEX/s1600/g_buzz7.png' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMh1irCfDc2zx5Y0mOXA-3T_KCIUHS8heB0RDEIAQr9aMk10TtOl1nye7CKkfMM6x9Nqfn_LhSaZVs2vnKggpqvUp65KOgP9tnRKj7fqIPPI8tDmfMisXmW7PocaY69lz5_wFsfzrPumj9/s1600/g_buzz8.png'/></a>

Enjoy Buzzing!

0 comments:

Post a Comment

Followers

Blogumulus by Roy Tanck and Amanda Fazani
Free Blogger Tips, Hacks, Widgets, Templates and more