MASIGNCLEAN101

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 esse artigo!
Unknown
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
avatar

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

9 de abril de 2013 12:07
avatar

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.

9 de abril de 2013 20:32
avatar

Valeu Man, muito bom valeu :) :>)

4 de dezembro de 2013 21:58
Seja livre para expor seu pensamento!

Se preferir, antes leia nossa política para comentários...
Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!