Assinatura automática para os posts (ou box de biografia) em blogs com mais de um autor - * Blog Elaine Gaspareto *

Assinatura automática para os posts (ou box de biografia) em blogs com mais de um autor

em 10/05/2017

Assinatura automática para os posts (ou box de biografia) em blogs com mais de um autor

Eu publiquei, em 2013, um tutorial mostrando como inserir uma assinatura automática em blogs com mais de um autor.
Recorde: Assinatura automática em blogs com mais de um autor
Posteriormente, em 2016 eu publiquei um tutorial que mostra como exibir em seu blog um box com a mini biografia do autor do post e suas redes sociais.
Relembre: Box com mini biografia e redes sociais do autor do post

Daí que sempre me pedem para mostrar como inserir esse mesmo box com as redes sociais e mini biografia ao final dos posts em blogs com mais de um autor.
Conforme prometi em um dos comentários que respondi no post original, vou mostrar hoje como fazer isso.
Na verdade é bem simples, o segredo está no uso da condicional que fará a mágica acontecer.
Vamos aprender?


Como colocar assinatura e/ou box com redes sociais para cada autor do blog?


Para começar, antes de mais nada, você precisa já ter instalado em seu blog o Box com mini biografia e redes sociais do autor do post
Clique no link acima, realize o procedimento padrão para inserir o box, e a seguir retorne aqui para aprender como fazer com que ele apareça automaticamente para cada autor de seu blog.


Box instalado?
Então agora você precisa do nome exato de perfil de cada autor de seu blog.
Preste atenção!
É o nome de perfil, aquele com o qual ele gerencia a conta Google que é autora de seu blog.

Onde eu acho essa informação?
Vá ao painel de seu blog e clique na aba Configurações.
Role a página até encontrar Permissões.
Aí estão os nomes dos autores e/ou administradores de seu blog.
Cada nome que aparece aí é o nome que você vai precisar para implantar o recurso.

Muito importante: tem que ser a grafia exata. Se tiver acento, use acento. Se não tiver, não invente. Grafia exata, ok?
E se um dia algum autor mudar de nome de perfil esse hack tem que ser atualizado senão deixa de funcionar.
Entendido isso, vamos trabalhar.


Instalando a condicional que fará o recurso funcionar sem erros



Vá até a aba Modelo de seu blog e localize o CÓDIGO HTML que foi inserido quando você implantou o box.
Ele deve estar já com seus dados, suas redes sociais, seu nome de autor, etc...
Será semelhante a isso, claro que já com suas informações:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='LINK DE SUA PÁGINA SOBRE' rel='author'><data:post.author/></a></h4>
<p>
<data:post.authorAboutMe/>COLOQUE AQUI O TEXTO QUE DESEJAR    
</p>
<div class='authorsocial'>
<a class='img-circle1' href='LINK DE SEU FACEBOOK' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2' href='LINK DE SEU TWITTER' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3' href='LINK DE SEU GOOGLE+' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='img-circle4' href='LINK DE SEU INSTAGRAM' rel='nofollow' target='_blank'><i class='fa fa-instagram'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>
<div style='clear:both'/>
</b:if>


Agora vem o truque!
Antes deste CÓDIGO HTML cole a condicional do autor, ou seja: a condiconal que diz que essas informações só serão exibidas nos posts deste autor.


Copiar a condicional


O CÓDIGO HTML ficará assim:

<b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
AQUI VAI O CÓDIGO HTML COMPLETO DE CADA AUTOR
</b:if>


Entendeu? Em negrito destaquei a condicional e seu fechamento. Em capslock destaquei onde você vai inserir o CÓDIGO HTML do box.

Onde está escrito AQUI VAI O CÓDIGO HTML COMPLETO DESSE AUTOR você apaga e coloca o CÓDIGO HTML referente à esse autor, conforme expliquei no tutorial que ensina como inserir o box com as redes sociais..
E o mais importante: onde está NOME DO AUTOR você coloca, claro, o nome do autor ao qual esse box diz respeito.
Cuidado com as aspas e demais sinais, ok?

Repita esse código tantas vezes quantas forem os autores de seu blog, sempre colocando o nome exato do perfil de cada um.
Aqui no meu blog, por exemplo, eu tenho 2 colaboradoras ativas no momento; portanto eu repeti o código 3 vezes: 1 para mim mesma e mais 1 para cada autora. E coloquei as informações referentes à cada uma de nós.
Feito isso, salve.
Tá feito.
Se tudo deu certo cada autor terá seu box, com seu avatar, suas redes sociais, etc...

Importante!
Cada autor tem que postar logado em sua própria conta Google/Blogger.
Se postar logado em uma conta única o recurso não funciona, ok?


Perguntas frequentes


1- Fiz tudo certinho e não deu certo.
Se não deu certo é porque você não fez tudo certinho.
Releia o tutorial com atenção e se certifique de haver entendido tudo.
Na dúvida, refaça. E refaça de novo até conseguir. Persistência é a chave.

2- Como sei qual o nome exato de perfil de cada autor do meu blog?
Vá em Configurações/Permissões. Os autores e/ou administradores estão lá.
atenção para acentos e grafia de modo geral.

3- Nem todos os autores têm todas as redes sociais...
Não importa, coloque as que cada um tiver, respeitando a ordem do CÓDIGO CSS.

4- Fiz, deu certo mas não quero mais. Como excluir?
Simples: faça o tutorial ao contrário, apagando os cófdigos inseridos anteriormente.

5- Quero usar outra imagem como avatar, onde troco?
O avatar será sempre o avatar de sua conta Google/Blogger. Para trocar tem que acessar sua conta e gerenciar lá.

6- Todos os autores postam usando a conta única do blog...
Aí não dá certo. Cada autor precisa estar logado em sua prórpia conta, sem exceção.

7- Gostei, fiz e deu tudo certo...
Que maravilha!
Então aproveita e curta, compartilhe e comente no post... assim eu também fico feliz...


Tem mais perguntas?
Diz aí e eu ajudo se for possível...

2 comentários via Blogger
comentários via Facebook

2 comentários:

  1. Blog maravilhoso *-* estou iniciando meu blog agora e esta me ajudando muito as dicas... BjsBjs<3

    ResponderExcluir
  2. Blog maravilhoso *-* estou iniciando meu blog agora e esta me ajudando muito as dicas... BjsBjs<3

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



Visualizações

Contando...

Dias online
Postagens
comentários