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 Layout
- Observe que estará em Elementos da página, e as áreas são tipo de 'quadros/quadrados'
- Encontre a área Postagens no blog e próximo dali clique no link Editar A imagem abaixo é antiga, hoje o blogger está um pouco diferente
- 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(Layout/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 Modelo
Design - Clique em Editar HTML e Prosseguir
- 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.
Obrigado mesmo, estava procurando há muito tempo por este post :)
ResponderExcluirInfelizmente no meu blog não há nenhuma dessas linhas de código...
ResponderExcluirO que eu posso fazer? '-'
Tenta usar as duas teclas de atalho Ctrl F para localizar post-footer-line que quase todos os modelos do blogger tem uma daquelas linhas que citei acima.
ExcluirOpa, tudo bom?
ResponderExcluirParabéns e obrigado pelo post! Tenho um caso peculiar: quero substituir o botão do 'Orkut' pelo do 'LinkedIn' no meu blog, que é muito mais interessante pra mim... é possível para um usuário nível médio?
Vlws.
O gadget que mostrei acima não tem como modificar porque é um padrão do blogger...
ExcluirVocê pode usar o botão do linkedin, obtendo o código para ele aqui, ele tem a função de permitir que o visitante envie um resumo de conteúdo para a redes do linkedin.
No blogger, é preferível que você adicione usando a opção de gadget do tipo HTML/JavaScript, mas, em últimos casos e com muitos cuidados, pode ser adicionado diretamente no HTML do blogger.
Valeu mesmo, me ajudou. :D
ResponderExcluirOlá! Então, gostaria de saber como tirar ele do blog pelo html. Já tentei de todas as formas, mas ele continua aparecendo. Obrigada :)
ResponderExcluirVocê pode seguir os passos acima, porém, como a interface antiga foi removida, aí você ignora os passos 1, 2 e 3 e no lugar delas você precisa acessar a opção >Layout e depois segue normalmente, mas, no passo 5 você terá que desmarcar a opção Mostrar botões de compartilhamento e depois clicar no botão salvar ou aplicar.
ExcluirO blogger mudou sua interface, sempre que me sobra tempo eu vou atualizando os posts antigos, esse ainda está na fila.
Muito bom!!! funcionou! valeu,obrigaduuuuuuuuu
ResponderExcluirOlá , gostaria de uma ajuda. no meu template só aparece o cód:
ResponderExcluirclass='post-footer-line post-footer-line-1'
Será que eu posso adicionar antes ou depois dele?? desde já eu agradeço.
Alguns casos, para adicionar códigos para os botões de partilhar funcionarem, é necessário marcar a opção >Expandir modelos de widgets.
ExcluirO código que você encontrou não é aquele que eu indiquei, é apenas parecido, mas esse que você comentou é bem outro, ele está na parte destinada ao Css do modelo e, se você acrescentar códigos Html próximo desse código que você mostrou vai dar erro, precisa ser bem como eu escrevi no post, faça as coisas com calma e quando for lidar com códigos preste muita atenção, se preciso for, use um blog de testes e releia o post para entender bem.
Olá, gostei muito da sua explicação. Mas eu não achei o Cod 1, 2,3. kkkk eu pesquisei com ctrl f e nada. não sei o que fazer?? alguem pode me ajudar. desde já agradeço!!
ResponderExcluir