Dicas para BLOG

Fazer Resumo da Postagem com Miniaturas das Imagens

O procedimento é bem simples, você entra na pagina editar html, marque a opção paraexpandir modelos de widgets e procura por post.body (use o ctrl F para pesquisar), deve estar deste jeito no seu blog: <data:post.body /> 

Então apague essa linha e coloque isso no lugar: 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.hasJumpLink'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
</b:if>
</b:if>
</b:if>

Cuidado para não mostrar duas vezes a mesma coisa no seu blog! Veja se logo após esse trecho se tem o código: 

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

Botão Compartilhar do Google: Mais Opções de Botões do Google+

O Google+ lançou uma nova opção de botão de compartilhamento além do botão +1 agora tem o botão compartilhar do Google para usar no seu blog. Basicamente o que mudou foi o visual do novo botão do Google usando a palavra Compartilhar (português) ou Share (inglês), mas o funcionamento continua igual ao Botão +1, ou seja, divulgar seu blog e posts na rede social Google Plus. Se você achar melhor pode usar o Gadget com o Botão +1 do Blogger.

Para colocar esse botão compartilhar do Google no seu blog você só precisa configurar o estilo do botão na pagina de desenvolvedores do Google: Share - Google+, lá você encontra algumas opções de formato do botão compartilhar do Google+ então é só escolher um delas e colocar o código no seu blog entrando na pagina Layout > Adicionar Gadget > HTML/Javascript e colar o código.

Mas se você já usa o botão do +1 do Google no seu blog você pode trocar somente a primeira linha do código e não precisa alterar o restante. Ou seja, trocar a linha: <g:plusone></g:plusone> por:

<div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div>.

Claro que isso varia conforme a configuração que já tinha no botão do Google e a nova configuração que escolher. Clique no botão abaixo para ver o funcionamento do novo botão do Google e aproveite para compartilhar nossas dicas entre seus amigos do Google Plus.

Colocar Botões de Compartilhamento em Forma de Coração no Blog

Usar botões para compartilhar as postagens com formato de coração no blog pode ajudar (atrair a atenção) dos seus visitantes para os botões de compartilhamento das redes sociais e com isso ajudar a conseguir mais visitas de sites como Facebook, Twitter, Orkut, Pinterest e outros. Mas se você quiser mostrar botões no modelo padrão pode ver nosso post sobre: 7 Opções de Botões para Divulgar Blog nas Redes Sociais.

Para colocar esse acessório de compartilhamento de postagens em forma de coração no blogger você deve modificar o código HTML então sugerimos fazer backup do seu template antes de começar. Então entre na pagina editar HTML, use o ctrl F, encontre a linha </head> e coloque esse código antes dela:

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->

Agora procure e insira esse outro código antes de </body>

<!-- Start Heart Share Code From http://www.spiceupyourblog.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->

E já está tudo pronto. Se você quiser mudar o lugar que o coração aparece na sua pagina é só alterar o trecho:
<div style='position: fixed; bottom: 2%; left: 2%;'>

Para colocar na parte de cima da pagina troque bottom por top e se quiser o gadget de coração do lado direito troque left por right. Em ambos os casos o valor 2% é a distancia da margem da pagina então pode modificar isso como quiser. Apenas tenha cuidado com os outros sinais como, por exemplo, os dois pontos, ponto e vírgula porque eles fazem parte do código de posicionamento do botão para compartilhar e se apagar ou trocar algum de lugar o código não funciona corretamente no blog.

Como pode notar esse javascript foi desenvolvido pelo site Spice Up Your Blog e nós estamos apenas divulgando o código por achar que é interessante de usar um gadget em forma de coração para compartilhar postagens nas redes sociais. Mas é claro isso terá utilidade dependendo muito do tipo de conteúdo e visitantes do seu blog.

Colocar Gadgets no Blog para Google Plus: Botão +1 e Seguir Pagina

O Blogger lançou dois novos gadgets para melhorar a integração entre seu blog e seu perfil no Google Plus. Um dos novos acessórios é o botão +1 do Google que já era possível ser adicionado manualmente através de códigos como já mostramos no tutorial: Colocar Botão +1 do Google no Blog. E o outro gadget é para seguir a pagina do seu blog no Google Plus que também era possível ser instalado através de códigos html (Gadget para Divulgar sua Pagina no Google Plus no Blog). Contudo adicionar um gadget é muito mais fácil do que copiar e editar códigos HTML no seu blog e por essa razão estamos falando destes gadgets hoje.

Seja qualquer um dos gadgets que deseje adicionar ao seu blog é só entrar na pagina layout e clicar para adicionar um gadget, então para colocar o gadget Botão +1 é muito simples você só precisa clicar nele, escolher o modelo de botão +1 que vai usar no seu blog e depois clicar no botão salvar e já está pronto.

Colocar o gadget Selo do Google+ também é fácil você clica para adicionar o gadget e depois precisa copiar o endereço da pagina do seu blog no Google Plus, mas atenção não é o endereço do seu perfil, veja aqui se tiver duvidas: Como Criar Paginas no Google Plus para o Blog. Então cole o endereço no local indicado.

Não use as barras nem o endereço completo. Copie apenas os números e quando colocar no gadget verá a mensagem: ficou ótimo! Então clique em salvar e depois pode visualizar seu blog e testar esses novos acessórios para blogs que está usando.

.