Colocar e Organizar Gadgets no Final das Postagens do Blog
Mostrar alguns gadgets no fim dos posts do seu blog pode ajuda-lo a conseguir manter as pessoas mais tempo no seu blog e gerar mais divulgação nas redes sociais entre outras coisas por isso é recomendável mostrar botões de compartilhamento e gadget de assuntos relacionados entre outras coisas.
Usaremos como exemplo nosso próprio blog, mas o código que vamos mostrar para organizar todos esses acessórios no final das postagens serve para qualquer outro tipo de acessório para blogs que você ache mais útil ou que traga mais vantagens para o blog.
Nós usamos divs para criar duas colunas no final das postagens do blog e dentro de cada coluna colocamos acessórios que achamos uteis, veja abaixo os links dos tutoriais com os códigos que usamos:
Enviar Atualizações por Email
Caixinha com o link da postagem
Botões das Redes Sociais para Compartilhar Posts
Opções para Criar e Colocar Anúncios Google Adsense Blogger
Vamos precisa editar o HTML do blog, portanto é recomendável fazer um backup do template antes de começar. Entre na pagina modelo > editar HTML e marque a opção expandir modelo de widgets.
Agora procure por <data:post.body/> e depois dele coloque o código:
<div style="float:left; width:270px">coluna da esquerda</div>
<div style="float:right; width:300px">coluna da direita</div>
<div style="clear:both"></div>
Os valores 270 e 300 são as larguras das colunas então você deve alterar como achar melhor. Caso as colunas não fiquem lado a lado é porque não há espaço suficiente para elas então diminua a largura das colunas.
Você também pode usar esse código abaixo do código do LinkWithin para assuntos relacionados assim esses novos gadgets ficarão abaixo dos assuntos relacionados do seu blog.
Usamos no exemplo do código o texto coluna da direita e coluna da esquerda como exemplo e para ficar fácil entender o posicionamento de cada uma delas. Nós sugerimos que insira esse código deste jeito no seu blog apenas para testar e depois comece a colocar em cada coluna os acessórios que desejar.
Em alguns casos na hora de salvar o Blogger pode dar erro então será necessário codificar o HTML para XML então veja aqui como resolver problemas com codificação de HTML. Justamente por isso recomendamos que coloque um código por vez e salve assim em caso de erros ficará mais simples descobrir e corrigir o problema no HTML do blog.
Veja também:
Barra com Botões Curtir, Google +, Retweet e Hack Leia mais
Personalizar o Link ou usar Imagens no Hack Resumo da Postagem (Leia mais)
Fazer Pagina com Atualizações mais Recentes do Blog
Queremos agradecer o comentário feito por Joao Carlos perguntando sobre como organizamos esses botões, caixinha com link e outras coisas no final da postagem. Não mostramos o código completo porque entre outras coisas faz parte dele o anuncio do adsense e, além disso, cada blogueiro deve ter opiniões diferentes sobre quais os melhores gadgets para usar no blog.
Usaremos como exemplo nosso próprio blog, mas o código que vamos mostrar para organizar todos esses acessórios no final das postagens serve para qualquer outro tipo de acessório para blogs que você ache mais útil ou que traga mais vantagens para o blog.
Nós usamos divs para criar duas colunas no final das postagens do blog e dentro de cada coluna colocamos acessórios que achamos uteis, veja abaixo os links dos tutoriais com os códigos que usamos:
Enviar Atualizações por Email
Caixinha com o link da postagem
Botões das Redes Sociais para Compartilhar Posts
Opções para Criar e Colocar Anúncios Google Adsense Blogger
Vamos precisa editar o HTML do blog, portanto é recomendável fazer um backup do template antes de começar. Entre na pagina modelo > editar HTML e marque a opção expandir modelo de widgets.
Agora procure por <data:post.body/> e depois dele coloque o código:
<div style="float:left; width:270px">coluna da esquerda</div>
<div style="float:right; width:300px">coluna da direita</div>
<div style="clear:both"></div>
Os valores 270 e 300 são as larguras das colunas então você deve alterar como achar melhor. Caso as colunas não fiquem lado a lado é porque não há espaço suficiente para elas então diminua a largura das colunas.
Você também pode usar esse código abaixo do código do LinkWithin para assuntos relacionados assim esses novos gadgets ficarão abaixo dos assuntos relacionados do seu blog.
Usamos no exemplo do código o texto coluna da direita e coluna da esquerda como exemplo e para ficar fácil entender o posicionamento de cada uma delas. Nós sugerimos que insira esse código deste jeito no seu blog apenas para testar e depois comece a colocar em cada coluna os acessórios que desejar.
Em alguns casos na hora de salvar o Blogger pode dar erro então será necessário codificar o HTML para XML então veja aqui como resolver problemas com codificação de HTML. Justamente por isso recomendamos que coloque um código por vez e salve assim em caso de erros ficará mais simples descobrir e corrigir o problema no HTML do blog.
Veja também:
Barra com Botões Curtir, Google +, Retweet e Hack Leia mais
Personalizar o Link ou usar Imagens no Hack Resumo da Postagem (Leia mais)
Fazer Pagina com Atualizações mais Recentes do Blog
Queremos agradecer o comentário feito por Joao Carlos perguntando sobre como organizamos esses botões, caixinha com link e outras coisas no final da postagem. Não mostramos o código completo porque entre outras coisas faz parte dele o anuncio do adsense e, além disso, cada blogueiro deve ter opiniões diferentes sobre quais os melhores gadgets para usar no blog.
Marcadores: Códigos, Dicas para Sites, Redes Sociais, Seo, Template