.

quarta-feira

Barra de compartilhamento Estilo Windows 8 - Exclusivo

Cliques:

Dicashot

Já mostrei aqui no DicasHot vários códigos com Estilo Windows 8 que, sem sombra de dúvida, é o melhor sistema operacional do momento; mas, neste post estarei mostrando uma barra de compartilhamento mais uma vez com o estilo Windows 8 para deixar o seu blog mais estiloso.


Para colocá-la no blogger é muito simples.

                                                  

Do painel do seu blogger, entre em Modelo e em seguida Editar HTML


Agora você vai procurar pela seguinte tag
<div class='post-footer-line post-footer-line-3'>

ABAIXO dela, cole o seguinte código
 <div class='separator' style='clear: both; text-align: right;'>
<img border='0' src='http://1.bp.blogspot.com/-8B5fIR9PoTk/UkMm-FGZRyI/AAAAAAAABAk/DHUlM-hRyHI/s1600/DicasHot+-+Compartilhe+-+Redes+Sociais+Estilo+Windows+8.png'/></div>
<br/>
    <a class='twitter' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank' title='Twittear'><img src='https://lh5.googleusercontent.com/-Vt4GahsWqaA/UK6OjizECOI/AAAAAAAAB2w/4Zi-VupkNgA/s86/twitter.png'/></a>


<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Compartir en Facebook'><img src='https://lh6.googleusercontent.com/-beM2bOCQrTY/UK6PglfJvyI/AAAAAAAAB3U/ad8X9Eq3jIA/s108/facebook.png'/></a>

<a class='googleplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Compartir en Google Plus'><img src='https://lh3.googleusercontent.com/-jg9JctagFsg/UK6PD3FZvbI/AAAAAAAAB3E/npzWkMhfNr8/s97/google%252B.png'/></a>

<a class='pinterest' expr:href='&quot;https://pinterest.com/login/?next=/pin/create/bookmarklet/%3Fmedia%3Dhttp%253A%252F%252F&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Compartir en Pinterest'><img src='https://lh6.googleusercontent.com/-I5-ZAnBPJ9w/UK6PHxGgaDI/AAAAAAAAB3M/rENy_tUUpHU/s100/pinterest.png'/></a>

Tendo colado, salve e pronto!!!

Comente o que você achou do código. Seu comentário é muito importante!



loading...