Cursos 24 Horas - Cursos 100% Online com Certificado

Adicionando Atalhos de Bookmarks - Ícones de Compartilhamento no Blogger

6 Comentários Autor : Notícia e blog 26 novembro 2009

Para uma postagem ser difundida é necessário que ela seja divulgada em todas ou na maior parte das redes sociais. Para que seu leitor te ajude nisso você deve colocar ícones das redes sociais mais conhecidas ou dos chamados Bookmarks no rodapé da postagem isso faz com que você ganha muitas visitas em pouco tempo pois se você apenas publicar uma postagem, como alguém saberá que publicou? Por isso é importante a divulgação para inserir no seu blog veja o tutorial abaixo:

1.Acesse o painel do Blogger (blogger.com)
2.Vá em "Layout"->"Editar HTML"->Marque a caixa "Expandir Modelos de Widgets"
3.Utilize as teclas Ctrl e F para procurar o seguinte código:
<div class='post-footer-line post-footer-line-3'/>
Se não encontrar pesquise por:
<div class='post-footer-line post-footer-line-1'/>
4.Adicione o código seguinte abaixo do código anterior:


<span class='bookmark'>
<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='10%'>
<div expr:id='&quot;sbtxt&quot;+data:post.id'>Compartilhe este post:</div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script>
</td>
<td>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,20);&quot;' rel='nofollow' target='_blank'><img alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a>
<a expr:href='&quot;http://ma.gnolia.com/bookmarklet/add?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,6);&quot;' rel='nofollow' target='_blank'><img alt='Ma.gnolia' border='0' src='http://home.kpn.nl/oosti468/images/icon_sb_mag.gif'/></a>
<a expr:href='&quot;http://digg.com/submit?phase=3&amp;url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,1);&quot;' rel='nofollow' target='_blank'><img alt='DiggIt!' src='http://home.kpn.nl/oosti468/images/icon_sb_dig.gif'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='http://home.kpn.nl/oosti468/images/icon_sb_del.gif'/></a> <a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,3);&quot;' rel='nofollow' target='_blank'><img alt='Blinklist' src='http://home.kpn.nl/oosti468/images/icon_sb_bli.gif'/></a> <a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,4);&quot;' rel='nofollow' target='_blank'><img alt='Yahoo' src='http://home.kpn.nl/oosti468/images/icon_sb_yah.gif'/></a> <a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,8);&quot;' rel='nofollow' target='_blank'><img alt='Furl' src='http://home.kpn.nl/oosti468/images/icon_sb_fur.gif'/></a> <a expr:href='&quot;http://www.technorati.com/cosmos/search.html?url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,9);&quot;' rel='nofollow' target='_blank'><img alt='Technorati' src='http://home.kpn.nl/oosti468/images/icon_sb_tec.gif'/></a> <a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,10);&quot;' rel='nofollow' target='_blank'><img alt='Simpy' src='http://home.kpn.nl/oosti468/images/icon_sb_sim.gif'/></a> <a expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; +  data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,11);&quot;' rel='nofollow' target='_blank'><img alt='Spurl' src='http://home.kpn.nl/oosti468/images/icon_sb_spu.gif'/></a> <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,17);&quot;' rel='nofollow' target='_blank'><img alt='Reddit' src='http://home.kpn.nl/oosti468/images/icon_sb_red.gif'/></a> <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url +  &quot;&amp;title=&quot;+data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,19);&quot;' rel='nofollow' target='_blank'><img alt='Google' src='http://home.kpn.nl/oosti468/images/icon_sb_goo.gif'/></a>
</td>
</tr>
</table>
</span>  

5.Agora procure pelo código seguinte:
]]></b:skin>
6.Antes do código acima adicione o seguinte:
.bookmark{
padding:0px;
margin-top:15px;
background:#ddd;
}
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px;
}
.bookmark img { border: 0;
padding:0px;
margin-top:15px;
}

7.Salve as alterações e visualize.
O resultado final será parecido com este da imagem abaixo:



Referência: Template99

    6 Comentários

    Susi disse...
    27 de novembro de 2009 17:38 #

    Oi,
    Adorei já coloquei em meus dois blogs e também no de minha filha e está tudo funcionando perfeitamente.
    Tinha tentado com outros códigos, mas não dava certo, faltava alguma coisa.
    Valeu mesmo.
    Você poderia me dizer onde encontro o código para colocar o Twitt This, eu coloquei em um blog, mas não lembro onde peguei, nem como fiz para inserir em meu HTML.
    Se souber, por favor me diga onde, ou se puder como sugestão vc poderia elaborar um artigo sobre o assunto.
    Obrigado e sucesso pra vc. Vou assinar seu feed, assim fico por dentro de suas atualizações.

    Nando disse...
    27 de novembro de 2009 18:25 #

    @Susi Está Postagem que tem aqui no blog explica como fazer isto veja.

    Obrigado pelo comentário!

    Hime Aiko disse...
    13 de março de 2010 18:21 #

    Amei, ficou ótimo...muito fácil as suas dicas! beijos

    Thallyson Dias disse...
    2 de julho de 2010 14:35 #

    Muito obrigado, estava precisando : )

    Thata' disse...
    9 de outubro de 2010 23:16 #

    não achei nenhum dos dois códigos

    Valdicéia Mendonça disse...
    3 de maio de 2011 08:58 #

    Valeu demais!!! Fiz tudo certinho e consegui.

    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.