Cursos 24 Horas - Cursos 100% Online com Certificado

Widget Compartilhe para Blogger/Blogspot

11 Comentários Autor : Notícia e blog 07 abril 2010

Este Widget muito estiloso oferece um meio simples para que seu artigos sejam, difundidos rapidamente pois o leitor pode envia-lo para diversos meios de divulgação rápido com um clique, além de ser bonito e ter a tecnologia do CSS 3 tornando as bordas arredondas sem nenhum artifício de imagem. Para instala-lo veja o pequeno tutorial abaixo:

Instalando

1) Acesse o painel do Blogger
2) Vá em Layout->Editar HTML->Marque Expandir Modelos de Widgets
3) Procure pelo seguinte trecho, utilize as tecla CTRL e F:<div class='post-footer-line post-footer-line-3'>Adicione abaixo do código anterior o seguinte:<div id='Compartilhar'>
<style type='text/css'>
#widget {
background:#dde9ff;
border: solid 1px;
border-color:#4dbfe5;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
</style>
<table id='widget'>
<tr>
<td><a expr:href='&quot;http://twitter.com/home/?status=&quot; + data:post.title + &quot;%20&quot; + data:post.url' title='Enviar para o Twitter'><img height='40px' src='http://4.bp.blogspot.com/_8AL-4bHE9zs/S7vUeD5_POI/AAAAAAAABmQ/937Kpo0P4Ok/1.png' widht='40px'/></a></td>
<td><a expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;du=&quot; + data:post.url + &quot;&amp;tt=&quot; + data:post.title + &quot;&amp;tn=http://api.thumbalizr.com/?url=&quot; + data:post.url + &quot;&amp;width=250&amp;cn=@noticiaeblog&quot;' target='_blank' title='Enviar para o Orkut'><img height='40px' src='http://3.bp.blogspot.com/_8AL-4bHE9zs/S7vUe4jmJQI/AAAAAAAABmU/l--iVXl7_dc/2.png' widht='40px'/></a></td>
<td><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Salvar no Delicious'><img height='40px' src='http://4.bp.blogspot.com/_8AL-4bHE9zs/S7vUf-ukMuI/AAAAAAAABmY/vjzziRfab5Q/3.png' widht='40px'/></a></td>
<td><a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url' title='Enviar para o Reddit'><img height='40px' src='http://1.bp.blogspot.com/_8AL-4bHE9zs/S7vUhfLtF5I/AAAAAAAABmc/U9L175tmLq4/4.png' widht='40px'/></a></td>
<td><a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' title='Enviar para o Digg'><img height='40px' src='http://2.bp.blogspot.com/_8AL-4bHE9zs/S7vUh2oXRUI/AAAAAAAABmg/g-JnYAH5IN4/5.png' widht='40px'/></a></td>
<td><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Enviar para o Stumbleupon'><img height='40px' src='http://2.bp.blogspot.com/_8AL-4bHE9zs/S7vUjONt-jI/AAAAAAAABmk/Y3gVcTjI68c/6.png' widht='40px'/></a></td>
</tr>
</table>
</div>
Obs: Altere o trecho em vermelho por uma descição para todos os posts do seu blog.
4) Salve as alterações e visualize.

    11 Comentários

    Daniele disse...
    7 de abril de 2010 22:18 #

    nossa.. realmente era o q faltava pra mim.. ja procurei tanto e num axava..
    mas akii.. tem cmo trocar a cor azul ao redor por outra?

    Notícia e blog disse...
    7 de abril de 2010 22:20 #

    @Daniele, tem sim basta modificar este trecho em negrito border-color:#4dbfe5;

    Daniele disse...
    7 de abril de 2010 22:34 #
    Jc Denton disse...
    8 de abril de 2010 19:55 #

    Que show, muito bom

    mas eu ainda prefiro os Sexy Bookmarks (que levanta quando você passa o mouse) tem mais redes sociais
    http://www.jethot.com.br/2010/03/botoes-de-compartilhar-para-o-blogger.html

    Claudine Ribeiro G. Netto disse...
    8 de abril de 2010 19:59 #

    Seu blog tem todas as informações que um blogueiro precisa. Amei seus posts, eles são bastante explicativos. Mandei um e-mail para você.Este post é fantástico. Já salvei outros posts no bloco de notas para inserir no meu blog e este será o próximo.

    tatodicastro disse...
    14 de abril de 2010 09:09 #

    Jc Denton .. esse que você mandou ai nao presta, é muita coisa e ainda por cima sempre da algo errado aki no layout

    Val_Júnior disse...
    3 de julho de 2010 15:27 #

    Amigão, parabéns pelo Blog.
    Tenho duas dúvidas:
    1ª: esse fundo meio azul por detrás dos bonequinhos pode ficar preto ? Caso a resposta seja sim, me fale como e se precisar de algum código, já posta ele aqui pra mim por favor.

    2ª: Tem como diminuir um pouquinho tamanho desse serviço ?

    Obrigado desde já!

    Thata' disse...
    9 de outubro de 2010 18:00 #

    eu não entendi essa parte em vermelho
    como assim descição?o q quer dizer isso?

    kaique disse...
    4 de novembro de 2010 15:07 #

    Muito obrigado funcionou!

    Thiago William disse...
    14 de dezembro de 2010 15:00 #

    Nunca acho essa linha e fico sem fazer um monte de coisa=///

    CRRochaGuitar disse...
    4 de fevereiro de 2012 05:49 #

    @Thata'
    Oi Thata seguinte:. nesta parte em vermelho(noticiaeblog) vc apaga o que está escrito lá(noticiaeblog)e coloca o nome do teu blog Ex:. thata.blogspot
    (não precisa colocar .com)
    abraço

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.