Compartilhamento de informação é a maneira para quem tem blog permitir que os visitantes divulguem seu blog nas redes sociais mais visitadas e assim ajudam aumentar as visitas do blog e informam seu contatos sobre coisas que gostaram.
Aqui no blog eu optei por um modelo de botões usando códigos, mas, nesse gadget do próprio blogger os botões ficam parecidos com da imagem abaixo.
- Acesse o Blogger interface antiga
- Clique em Design
- Observe se estiver na opção Elementos da página, se não clique nela
- Encontre a área Postagens no blog e próximo dali clique no link Editar
- Na página que abrir, deixe marcada a opção Mostrar botões de compartilhamento
- Você poderá tentar mudar a área dos botões arrastando elas com o mouse, mas isso nem sempre funciona, principalmente se tiver um modelo antigo ou template da web.
- Clique no botão SALVAR
- Na página que ficou aberta(Elementos da página) pode clicar em SALVAR também.
Ativar opção de compartilhamento de post do blogger
- Acesse o blogger.com
- Clique em Design
- Clique em Editar HTML
- Faça um backup do html do blogger(baixar modelo completo)
- Marque a opção Expandir modelos de widgets
- Localize e verifique se existe esse código 1 dos botões de compartilhamento:
<div class='post-share-buttons goog-inline-block'>Apenas se ele não existir no seu HTML ou estiver incorreto e seus botões não funcionam, aí você pode substituir ou adicionar ele exatamente após ou antes de uma dessas linhas de código:
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
<div class="post-footer-line post-footer-line-2">
ou pode adicionar antes ou depois de:
<div class="post-footer-line post-footer-line-3">
- Outro trecho de código necessário para esse acessório funcionar, e se, caso ele esteja apresentando problema, pode ser substituído por esse código 2 dos botões de compartilhamento abaixo:
<b:includable id='shareButtons' var='post'>O código acima provavelmente estará acima dessa linha de código:
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
Se o código 2 dos botões de compartilhamento não existir você pode adicionar ele exatamente acima dessa linha de código que indiquei, com cuidado, isso também vale para trocar o mesmo código se os botões de compartilhamento apresentam problema. - Depois de pronto clique em VISUALIZAR e se der certo clique em SALVAR MODELO
Códigos do botão de compartilhamento do blogger
Muita atenção, esses códigos abaixo são retirados de um modelo do blogger onde os botões funcionavam, por padrão eles já existem em seu modelo e, geralmente fazendo os passos acima já é o suficiente para ativar os botões e funcionarem, mas, alguns modelos, antigos ou modelos de templates da web podem estar sem os códigos necessários para o funcionamento dos botões de compartilhamento, ou eles podem estar 'errados', são dois trechos de códigos diferentes para os botões compartilhar do blogger, cada um deles tem um local correto para serem inseridos, além disso é preciso verificar se eles já estão no modelo, eles não podem ser repetidos(duplicados) e nem ser adicionado no lugar errado, seria importante fazer isso primeiro em um blog de testes, saiba como, e com os cuidados de sempre fazer uma cópia de seu modelo antes de alterar ele. Você terá que encontrar ele em seu HTML, para isso, use as duas teclas de atalho Ctrl FAdicionar os códigos do botão de compartilhamento do blogger
- Botão Web-Slice e Rss para blog ou site
- Dicas para iniciar no Blogger
- Colocar gadget para Inscrição de Rss em blog do blogger
- Botões para Curtir, Twitar, orkutar e +1Google para artigos de blogs ou sites
- Obter código de formulário de inscrição de Rss do blog no FeedBurner
- Adicionar gadget de inscrição de Feed/Rss por Email no blog com blogger
o meu blog não compartilha um resumo da postagem, aparece apenas o link. teria algum hack ou codigo para resolver essa questão??
ResponderExcluirNão que eu conheça, pega apenas o título, é muito difícil pegar a introdução e, mesmo se conseguisse ficaria uma Url muito grande, pelo menos existe a vantagem que quando alguém compartilha ela já usa as palavras dela para descrever o post.
ExcluirO jeito é tentar ser bem claro no título e fazê-lo bem atrativo.