Adicionar informações do autor na plataforma blogger
Para quem faz uso da plataforma blogger, hoje quero dar uma dica bem legal… vou ensinar como adicionar informações do autor com foto abaixo de cada post. Esse código que vou usar, ele tem uma função magnífica… ele faz seus leitores conhecer um pouco mais sobre você, pois na descrição você pode colocar algumas informações do autor do post ou informações pessoais e profissionais.
Como adicionar informações do autor com foto
Porque adicionar informações do autor em cada post? Essa é uma forma de se apresentar para o leitor e mostrar um pouco mais sobre você ou seu trabalho. Essa é uma ótima forma de fidelizá-los, já que eles passarão a conhecer mais do seu trabalho.
- Como adicionar leia mais com miniatura de imagens
- Como adicionar botões de redes sociais no blog
- Como adicionar páginas numeradas no blog
2º – Agora clique no Botão Editar HTML, marque a caixa “Expandir modelos Widgets”.
3º – Agora pressione as teclas CTRL + F (Para abrir a barra de localização) e faça uma busca pelo a seguinte Tag:
]]></b:skin>
TENDO ENCONTRADO COLE ACIMA DELE ESTE CÓDIGO.
#Sobre-Autor {width:auto;border-color:#A8A8A8 #A8A8A8 #A8A8A8;border-style:solid;border-width:1px 1px thin;padding:5px 0 15px;} #Sobre-Autor h3{font-family:arial;text-transform:none;font-size:16px;font-weight:700;font-family:"text-shadow:1px 1px #fff;color:#004D97;padding:0 3px 4px 10px;} .autor-avatar{float:left;margin:5px;} .autor-text{color:#494949;font-style:none;font-size:12px;text-transform:none;margin-left:5px;text-shadow:1px 1px #fff;padding:5px;} .autor-text p{text-align:justify;margin:0 auto;padding:0 auto;} .autor-text a:link,.autor-text a:visited{font-size:12px;text-transform:none;color: #004d97;font-weight:700;} .autor-text a:hover{color: #4b4b4b !important;}
AGORA PROCURE POR ESTA TAG:
<div class=’post-footer-line post-footer-line-3′>
ABAIXO DELA COLE O SEGUINTE CÓDIGO:
<b:if cond=’data:blog.pageType == "item"’> <b:if cond=’data:post.author == "NOME DO AUTOR"’> <div id=’Sobre-Autor’> <h3>Sobre o Autor:</h3> <div class=’autor-avatar’> <img border=’0′ height=’88px’ src=’URL DA IMAGEM DO AUTOR‘ style=’border: 2px solid #ccc; padding: 0; margin: 0;’ width=’88px’/></div> <div class=’autor-text’> <p>DESCRIÇÃO DO PERFIL DO AUTOR<br/> <br/> </p></div></div></b:if></b:if>
Post com informações do autor
Agora vamos as configurações, onde em negrito está escrito NOME DO AUTOR, você coloca seu nome como está no seu perfil, caso contrario pode dar erro. Onde tem URL DA IMAGEM, você vai adicionar a url da sua foto ou imagem que você deseja exibir.
Onde tem DESCRIÇÃO DO PERFIL DO AUTOR você irá colocar uma descrição sobre você, em seguida pode visualizar para ver se não houve nenhum erro, estando tudo certo, pode salvar. Agora abra uma postagem e veja o resultado.
OBS.. muito cuidado na hora de colocar nome do autor, url da imagem e descrição do perfil, se apagar uma aspa vai dar erro.
Mas se seu blog tem dois ou três autores, você também pode colocar informações para eles. siga os paços abaixo.
Você irá seguir os passos citados acima, procura por <div class=’post-footer-line post-footer-line-3′> E logo abaixo dela você cola o seguinte código, e faz as alterações colocando as informações do segundo autor, caso tenha mais autores siga os mesmos passos sempre alterando as informações.
<b:if cond=’data:blog.pageType == "item"’> <b:if cond=’data:post.author == "NOME DO AUTOR 2"’> <div id=’Sobre-Autor’> <h3>Sobre o Autor:</h3> <div class=’autor-avatar’> <img border=’0′ height=’88px’ src=’URL DA IMAGEM DO AUTOR 2′ style=’border: 2px solid #ccc; padding: 0; margin: 0;’ width=’88px’/></div> <div class=’autor-text’> <p>DESCRIÇÃO DO PERFIL DO AUTOR 2<br/> <br/> </p></div></div></b:if></b:if>Sempre visualize antes de salvar, as vezes você pode ter cometido algum erro e, se salvar vai ter dores de cabeça para resolver o problema, tendo visualizado, se tudo estiver perfeito pode salvar.
Moisés Santos
Moisés Santos Tem 29 anos, é blogueiro e criador do true dicas.com. Escreve todos os dias artigos sobre ganhar dinheiro na internet. Hoje vive exclusivamente dos ganhos da internet e já é uma grande referência no internet marketing.
