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='"sbtxt"+data:post.id'>Compartilhe este post:</div><script type='text/javascript'>showsbtext("sbtxt" + "<data:post.id/>",0)</script>
</td>
<td>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",20);"' rel='nofollow' target='_blank'><img alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a>
<a expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",6);"' 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='"http://digg.com/submit?phase=3&url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' rel='nofollow' target='_blank'><img alt='DiggIt!' src='http://home.kpn.nl/oosti468/images/icon_sb_dig.gif'/></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='http://home.kpn.nl/oosti468/images/icon_sb_del.gif'/></a> <a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' rel='nofollow' target='_blank'><img alt='Blinklist' src='http://home.kpn.nl/oosti468/images/icon_sb_bli.gif'/></a> <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' rel='nofollow' target='_blank'><img alt='Yahoo' src='http://home.kpn.nl/oosti468/images/icon_sb_yah.gif'/></a> <a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' rel='nofollow' target='_blank'><img alt='Furl' src='http://home.kpn.nl/oosti468/images/icon_sb_fur.gif'/></a> <a expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' rel='nofollow' target='_blank'><img alt='Technorati' src='http://home.kpn.nl/oosti468/images/icon_sb_tec.gif'/></a> <a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"' rel='nofollow' target='_blank'><img alt='Simpy' src='http://home.kpn.nl/oosti468/images/icon_sb_sim.gif'/></a> <a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"' rel='nofollow' target='_blank'><img alt='Spurl' src='http://home.kpn.nl/oosti468/images/icon_sb_spu.gif'/></a> <a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"' rel='nofollow' target='_blank'><img alt='Reddit' src='http://home.kpn.nl/oosti468/images/icon_sb_red.gif'/></a> <a expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' 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
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.
@Susi Está Postagem que tem aqui no blog explica como fazer isto veja.
Obrigado pelo comentário!
Amei, ficou ótimo...muito fácil as suas dicas! beijos
Muito obrigado, estava precisando : )
não achei nenhum dos dois códigos
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.