WIDGET ANIMADO PARA COMPARTILHAMENTO EM REDE SOCIAIS

Redes sociais são importantes pelo fator SEO. como salientado no post 4 Criadores de Widget de compartilhamento em rede sociais, o que pode aumentar o número de leitores do blog e faz com que os leitores obtenham as atualizações do blog mais facilmente.

Nesse tutorial vou compartilhar um Widget de Social Bookmarking (compartilhamento) com efeito de animação, ele exibe seis botões padrão, como Facebook, Twitter, Google +, E-mail, Tumblr e Pinterest, e ao passar o mouse sobre o círculo principal, com um efeito giratório todos aparecem.

Demonstração

Instalando o Widget

1. Ir até Modelo > Editar HTML e procure por pela tag abaixo:

</ body>

2. Acima dela cole o código abaixo.

 <!-- Start Shareaholic Sassy Bookmarks HTML -  --> <div class='shr_ss shr_publisher'> </div> <!-- End Shareaholic Sassy Bookmarks HTML --> <!-- Start Shareaholic Sassy Bookmarks settings --> <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> <!-- End Shareaholic Sassy Bookmarks settings --> <!-- Start Shareaholic Sassy Bookmarks script --> <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> <!-- End Shareaholic Sassy Bookmarks script --> <!-- End Shareaholic Sassy Bookmarks HTML - http://www.comosefez.com -->

3. Salvar Modelo e Visualize o blog.

Pronto agora o wedget já está em funcionamento em blog.

E você já conhecia essa ferramenta? Quer deixar sua opinião? Basta escrever um comentário!

12:24:00