.

sexta-feira

Textual description of firstImageUrl

Barra Com Botões de Curtir, Google +, Retweet e Hack Leia Mais para Blogger

ACESSOS:
Deixe seu comentário



Nesta postagem venho compartilhar aqui outro post com vocês que acompanham o site esta barra de compartilhamento com o hack leia mais. Ter o leia mais no blog é muito importante para a melhora do blog em todos os sentidos. Se você tem o hack leia mais no blogger você tem um melhor carregamento do blog, devido ao fato de não haver muito o que carregar na página principal,  você também tem a vantagem de despertar a curiosidade do leitor, fazendo com que ele clique em um dos links, enfim.

Para colocar a barra no blogger é bem simples...Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela trecho
<div class='readmore'>
<div id='button'><a expr:href='data:post.url'>Leia mais</a></div>
</div>
</b:if>
</b:if>
Ou 

Você pode digitar na barra de busca apenas leia mais ou o nome que está no resumo da sua postagem.

Tendo encontrado a parte que tenha o trecho leia mais ou continue lendo (o que está no seu blog), você vai substituir todo o trecho do leia mais, desde tag de abrimento até a tag de fechamento que é a </b:if> e vai colar este código no lugar:
<div style='background-color: #FFFFFF;border: 0px dashed #000;margin-top:15px'>
<div style='float:left; width:30%'><script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1' type='text/javascript'/>
<div>
<fb:like action='like' colorscheme='light' expr:href='data:post.url' font='arial' layout='button_count' send='true' show_faces='false'/>
</div></div>
<div style='float:left; width:20%'><a class='twitter-share-button' data-count='horizontal' data-via='fabianoroberto' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div style='float:left; width:15%'><g:plusone expr:href='data:post.url'/></div>
<div class='readmore'>
  <p align='right'><a expr:href='data:post.url'><img src='URL sua imagem' class="treme"/></a></p>  
</div>
<div style='clear:both'/></div>
</b:if>
</b:if>
Observe que eu deixei até um "bônus" para deixar mais chamativa a barra; o "bônus" que eu deixei foi o efeito treme no botão leia mais. Ah! Não esqueça de colocar a URL da sua imagem na parte destacada de azul.

Se você ainda não viu, veja como colocar o efeito treme nas imagens clicando aqui.

Qualquer dúvida, não deixe de perguntar nos comentários abaixo!!!


Cursos Online com Certificado - Cursos 24 Horas

RESPONDA: DE 0 A 5 O QUANTO ESTE CONTEÚDO FOI ÚTIL PARA VOCÊ?
{[['']]}