Image Image Image Image Image
Scroll to Top

Topo

10

abr
2012

Sem Comentários

Em Blog

Por Allison

Colocar biografia de cada Autor no final do post no Blogger

Em 10, abr 2012 | Sem Comentários | Em Blog | Por Allison

Este é um guest post escrito por Rosiel Torres que bloga no Plantão Hip Hop onde posta notícias, músicas, clipes e mais sobre Hip Hop.

Fonte: CriarSites

Para blogs que tem vários autores uma forma de colocar uma biografia e links para redes sociais de cada autor no final de cada post no WordPress uma forma fácil de fazer isso é usando o plugin Author Bio Box criado pelo Claudio Sanches, mas e no Blogger como você faria isso? já que no Blogger não é possível usar plugins.

Mas achei uma maneira bem simples de fazer isso no Blogger, você só precisa colocar um código HTML no template do seu blog.

Para colocar entre no Painel de Controle do Blogger e clique em “Modelo“, “Editar HTML“, “Prosseguir” e marque a caixa “Expandir modelo de widgets“, recomendo que antes salve uma cópia do seu template, agora procure (CTRL + F) por <data:post.body/> (você pode achar mais que um <data:post.body/>, então faça um teste para ver qual é o correto) e coloque esse código depois dele.

<b:if cond=’data:blog.pageType == “item”‘>
<b:if cond=’data:post.author == “AUTOR 1“‘>
<h3>Sobre o autor do Blog</h3>
<div class=’separator’ style=’clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;’><img border=’0′ src=’Foto do Perfil‘/></div>
<a href=’http://twitter.com/NomedeUsuario‘ target=’_blank’><img src=’http://i43.tinypic.com/4fuazt.png‘/></a>
<a href=’https://www.facebook.com/NomedeUsuario‘ target=’_blank’><img src=’http://i42.tinypic.com/34hgs9v.png‘/></a>
<a href=’https://plus.google.com/IDdaPagina‘ target=’_blank’><img src=’http://i40.tinypic.com/2rq0bp0.png‘/></a>
<a href=’http://LinkdoOrkut‘ target=’_blank’><img src=’http://i44.tinypic.com/hsntl5.gif‘/></a><br/><br/>COLOQUE A DESCRIÇÃO DO AUTOR 1 AQUI.</b:if>

<b:if cond=’data:post.author == “AUTOR 2“‘>
<h3>Sobre o autor do Blog</h3>
<div class=’separator’ style=’clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;’><img border=’0′ src=’Foto do Perfil‘/></div>
<a href=’http://twitter.com/NomedeUsuario‘ target=’_blank’><img src=’http://i43.tinypic.com/4fuazt.png‘/></a>
<a href=’https://www.facebook.com/NomedeUsuario‘ target=’_blank’><img src=’http://i42.tinypic.com/34hgs9v.png‘/></a>
<a href=’https://plus.google.com/IDdaPagina‘ target=’_blank’><img src=’http://i40.tinypic.com/2rq0bp0.png‘/></a>
<a href=’http://LinkdoOrkut‘ target=’_blank’><img src=’http://i44.tinypic.com/hsntl5.gif‘/></a><br/><br/>COLOQUE A DESCRIÇÃO DO AUTOR 2 AQUI.</b:if></b:if>

Modificações necessárias:

Antes de salvar você precisa fazer algumas modificações como por exemplo colocar o link do Twitter, foto do perfil e outros, veja abaixo a legenda:

Vermelho = Coloque o nome dos autores, lembrando que tem que colocar igual que está no perfil do Blogger do autor, ou seja se o nome do autor estiver com todas letras minúscula, coloque no código todas minúscula, se estiver só com a primeira letra maiúscula coloque a primeira letra minúscula;

Verde = Coloque o link do seu perfil das redes sociais;

Azul = Aqui está as imagens das redes sociais, recomendo que hospede as imagens no seu blog;

Negrito = Coloque a foto do seu perfil, recomendo que coloque uma foto no tamanho 70×70;

Roxo = Coloque a descrição dos autores.

Depois de fazer as modificações clique em “Visualizar” se não tiver nenhum erro clique em “Salvar“, agora em cada postagem vai estar a biografia e links para as redes sociais de cada autor.

Nesse código está configurado para dois autores, se seu blog tiver mais autores é só repetir o código, só não repita a parte em amarelo, pois essa parte é para a biografia aparece somente nas postagens e não na página inicial.

Redes Sociais

Tags | , , ,

Enviar um Comentário