29 de mar de 2013

Widget Social Bookmarking Para Blogger com animação


Sassy Widget Social Bookmarking Para Blogger com animação

Redes sociais são importantes pelo fator SEO. O que pode aumentar o número de leitores do blog e faz com que os leitores obtenham as últimas atualizações do blog mais facilmente. Hoje vou compartilhar um Widget de Social Bookmarking que eu penso que pode "apimentar seu blog". Este widget é legal, pois tem um efeito de animação interessante, 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. Este elemento será colocado no canto inferior esquerdo do blog. Abaixo pode ser visto o demo parece.

Como adicionar Social Bookmarking Widget Sassy!


  • Escolha Blogger Template >> >> Editar HTML.
  • Expandir modelos de widgets e encontrar </ body> .
  • Coloque o código ACIMA de </ body> .

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

Em seguida, salve. E veja os resultados ..
Compartilhe essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

4 comentários

  1. como mudar a cor do botão verde q passa o mouse???

    ResponderExcluir
    Respostas
    1. Acredito que não seja possível, não por CSS, pois se trata de uma imagem. Sendo assim, você terá que localizar qual dos arquivos do scripts contém a imagem, alterar a imagem, hospedá-la novamente e substituir no código.

      Excluir

Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo