Add Awesome Falling Leaf Style Social Bookmarking Widget For Blogger

Social Bookmarking Icons Are Useful for Every blog.they helps us to Share them Easily and Let the Visitors Share Your Posts Very Easily.Also The Icons make Some Impression on the Blog.Since they are Very Attractive Many Stylish Widgets Are Being Generated.So Here is a Tutorial in Which iam Going to Show You,How to Add a Falling Leaf Style Social Bookmarking Widget For Blogger..So Look at the Below Screenshot.




So How is the Widget? Awesome Right..if Yes then Follow the Below Steps to Add this Widget.

How to add Falling leaf Style Social Bookmarking Widget For Blogger:.

Login to Blogger < From the Drop Down Menu Select Template (New Blogger)
Now Click on Proceed and Check Expand Widget Templates Option..

Now Search for the below Code :.



<data:post.body/>



Now After Finding the Above Code Paste the Below Code Directly After the Above Code..





<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikOPCYtAz6Dc7U4rzpSUTsaHel4canreZDH7ZWQ4ZjwRd3bcSW3fi1G2BaYdxM9ng5t_7uf-SUXgPSjzXYsoU4tWXMoHatmAi4UjnEH4IaavSwNsSqOYB8WFemh5B0IyUzIJ4deo24BFTQ/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG6Xwamtupp-JdfCDN9yRQSaNk9LHj8x0avRf4mtJMQ_ZKknm4eG_FnaHC959Z2ZyvwHKkidOyo28gtD0XyRb0gMorhQGGLPM6R0ScNQioYnn_PNWQswLxPcFKVF4fMnqR9D9w-WhO3ADS/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHdhS_fdvoYhT1kGyFMVnRA1XslzaRodYFKkVehhnkrNzL3yKvNtUwC7N4_j4Oy2PVodvChccB1SIDzFe63-gLqfFw-vE2O_XjMVbJrDw3ByXebYM7O6piHU-jrxmkxTR4ghvUK9iNLHp2/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWAW1EQgpyBCpefX8wmbkXIZaVYufKuYSy5-6nKB1Ag0RkJscOnCYF74fzmvUS8tUtWjZzWbJKY6T-iccpOpHSewJfFu8b3RH2YJcxPHy0SR1ompnmsXst1rqZLkD59ZSSnzdyn6A0RA8d/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPilWqVT8oGSm4-kHtBj3KfRbgggUVlGQxLyZIWtKxwxFgFZ3Fo226yxedkwQy3jJYMo-bADI7_pX1jDJ-lNp6rFTnwZzgf4kZEXWpYN9mWYGIdvrHJ_RQotr1jXjTsGCrQXlCuwjoiMEq/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIkueaDAVZuR08Fn5nEk5A11wrHJk9XzV0CVrGQDc1KfW278IO0LjYPdCgOmI751YpM4LUbA4kEuvqv_K8kcvvUBsLPDovePe6NN9FQLd9kLJFXLlYUkKTvifztfhxBf2TFhx7E02XlZGg/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq8opfh-XJ-HgzCbA0wL1XErEk_OHT32twh-MoNs-QNc3OqY44nAH7VT7lXavln3YNTPfuhlgCkmZ6cCXo4m9zVpVTxFN_q-KiNoinSXOWfgU_huY-aaoGeRWpCJve0aZluzAHSFEnqxnI/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwVuTpu2BHnMbL8hleMmnMsBEtKElCSFg1tGkuKW_Snp_HmgC3sOi_ny2if6df26_JzbL4_4wWKdQ0R0UEn2eFwEOEdw-t5TSiQ4VnyWs96OcqoWlgkov8FbuMgpazL_lk15_Mh6vU6yAK/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>




Now Save the Template And You're Done. That's it Enjoy....

1 comment:

  1. social icons designs on leave are looking reall very nice. let me try to my blog.

    ReplyDelete

Blogger Template by Clairvo