Cursos 24 Horas - Cursos 100% Online com Certificado

Adicione aos favoritos no blogger no fim das postagens

4 Comentários Autor : Notícia e blog 01 agosto 2009
Este hack permite que no final de cada postagem seja exibido ícone para adicionar aos favoritos em varias rede sociais o que é muito importante para a divulgação do seu Blogger, além de deixa o seu template personalizado, então vamos ao que interessa:

1.Faça login no blogger
2.Vá para layout -> Editar html -> Expandir modelos de widget
Lembrando que é sempre importante fazer backup do template pois se alguma coisa der errado você volta ao normal rapidamente
3. Procure pelo seguinte código ultilizando as teclas CRTL e F:
]]></b:skin>4. Adicione abaixo dele os seguintes códigos:<style type='text/css'>
div.sexy-bookmarks{height:54px;background:url('http://2.bp.blogspot.com/_sunpK_FtO1E/SmLCe4iu0zI/AAAAAAAAAIg/ZXGCNjtZby0/s1600/sharing.png') no-repeat left bottom;position:relative;width:540px;}
div.sexy-bookmarks span.sexy-rightside{width:17px;height:54px;background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;position:absolute;right:-17px;}
div.sexy-bookmarks ul.socials{position:absolute;bottom:0;left:10px;margin:0 !important;padding:0 !important;}
div.sexy-bookmarks ul.socials li{display:inline-block !important;float:left !important;list-style-type:none !important;height:29px !important;width:48px !important;cursor:pointer !important;margin:0 !important;padding:0 !important;}
div.sexy-bookmarks ul.socials a{display:block !important;width:48px !important;height:29px !important;font-size:0 !important;color:transparent !important;}
.sexy-furl,.sexy-furl:hover,.sexy-digg,.sexy-digg:hover,.sexy-reddit,.sexy-reddit:hover,.sexy-stumble,.sexy-stumble:hover,.sexy-delicious,.sexy-delicious:hover,.sexy-yahoo,.sexy-yahoo:hover,.sexy-blinklist,.sexy-blinklist:hover,.sexy-technorati,.sexy-technorati:hover,.sexy-facebook,.sexy-facebook:hover,.sexy-twitter,.sexy-twitter:hover,.sexy-myspace,.sexy-myspace:hover,.sexy-mixx,.sexy-mixx:hover,.sexy-script-style,.sexy-script-style:hover,.sexy-designfloat,.sexy-designfloat:hover,.sexy-syndicate,.sexy-syndicate:hover,.sexy-email,.sexy-email:hover{background:url('http://imgur.com/HDTd0.png') no-repeat !important;}
.sexy-furl{background-position:-300px top !important;}
.sexy-furl:hover{background-position:-300px bottom !important;}
.sexy-digg{background-position:-500px top !important;}
.sexy-digg:hover{background-position:-500px bottom !important;}
.sexy-reddit{background-position:-100px top !important;}
.sexy-reddit:hover{background-position:-100px bottom !important;}
.sexy-stumble{background-position:-50px top !important;}
.sexy-stumble:hover{background-position:-50px bottom !important;}
.sexy-delicious{background-position:left top !important;}
.sexy-delicious:hover{background-position:left bottom !important;}
.sexy-yahoo{background-position:-650px top !important;}
.sexy-yahoo:hover{background-position:-650px bottom !important;}
.sexy-blinklist{background-position:-600px top !important;}
.sexy-blinklist:hover{background-position:-600px bottom !important;}
.sexy-technorati{background-position:-700px top !important;}
.sexy-technorati:hover{background-position:-700px bottom !important;}
.sexy-myspace{background-position:-200px top !important;}
.sexy-myspace:hover{background-position:-200px bottom !important;}
.sexy-twitter{background-position:-350px top !important;}
.sexy-twitter:hover{background-position:-350px bottom !important;}
.sexy-facebook{background-position:-450px top !important;}
.sexy-facebook:hover{background-position:-450px bottom !important;}
.sexy-mixx{background-position:-250px top !important;}
.sexy-mixx:hover{background-position:-250px bottom !important;}
.sexy-script-style{background-position:-400px top !important;}
.sexy-script-style:hover{background-position:-400px bottom !important;}
.sexy-designfloat{background-position:-550px top !important;}
.sexy-designfloat:hover{background-position:-550px bottom !important;}
.sexy-syndicate{background-position:-150px top !important;}
.sexy-syndicate:hover{background-position:-150px bottom !important;}
.sexy-email{background-position:-753px top !important;}
.sexy-email:hover{background-position:-753px bottom !important;}
</style>
5.Agora encontre o código:<data:post.body/>Nota: Se você encontrar no seu template o código mais de uma vez adicione no último que encontrar.É normal isso ocorrer pois a maioria dos templates conta com resumo de postagens.
6. Abaixo do código acima adicione o seguinte:
<div class='sexy-bookmarks'> <ul class='socials'> <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/noticiaeblog' title='Subscribe to RSS'/></li> <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li> </ul><span class='sexy-rightside'/></div>7.A parte em AZUL deve ser substituida pelo seu Feed para que funcione corretamente.
8.Visualize para ver se está tudo bem e salve as alterações.

Fonte: Cahayabiru

    4 Comentários

    Jb- Baixada Santista disse...
    30 de outubro de 2009 01:25 #

    bom ate q foi ultio

    flogardo disse...
    12 de agosto de 2010 16:17 #

    Amigo Não to comseguindo ta dando erro na hora de salva
    pq ?

    Leonardo Oliveira disse...
    18 de dezembro de 2010 21:54 #

    Tdas as imagens estão indisponíveis!Alguém aqui esqueceu que o TinyPic fechou as portas pro mercado estrangeiro a não ser os EUA

    Notícia e blog disse...
    18 de dezembro de 2010 22:36 #

    @Leonardo Oliveira
    Ok, consertei os links do blog, agora tá tudo certo, obrigado pela dica.

    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.