Como adicionar o ícone das redes sociais com efeito animado

De vários modelos com efeitos ou sem efeitos eu já vi em vários blogs o ícone das redes sociais, porém você ainda não viu em meu blog, agora observe atentamente o tutorial para você utilizar em seu blog.

Tutorial:

É muito simples, entre em seu blog Modelo/Editar html/Ctrl+F e localize </body> e cole o seguinte código  acima/antes de </body>.

Código/Demonstração

<!-- Start Shareaholic Sassy Bookmarks HTML --><br /> <br /> <div class='shr_ss shr_publisher'> </div> <!-- End Shareaholic Sassy Bookmarks HTML --><br /> <br /> <!-- Start Shareaholic Sassy Bookmarks settings --><br /> <br /> <script type='text/javascript'> var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}}; </script><br /> <br /> <!-- End Shareaholic Sassy Bookmarks settings --><br /> <br /> <script src='http://dl.dropbox.com/u/103852546/Bookmarks.js'></script> <br /> <br /> <!-- Start Shareaholic Sassy Bookmarks script --><br /> <br /> <script type='text/javascript'> (function() { var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true; sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s); })(); </script><br /> <br /> <!-- End Shareaholic Sassy Bookmarks script -->