04 julho 2013

Colocando imagem diferente para cada autor

























Bom, hoje eu vou conversar com vocês sobre como colocar uma imagem de autor após cada post. Respondendo a perguntinha que a Laura do Enfim Dezessete me fez! Apesar de fazer isso no BMC, eu faço de uma maneira muito complicada, porque infelizmente, e to pra conversar com meus amigos de TI pra saber, os códigos usuais não estão funcionando no meu Blog.

Não mexo nunca com HTML, Tatá, comofas?
Então, existe uma maneira pra quem não sabe mexer com html, que é bem simples, mas dá trabalho por ser um processo repetitivo. Que é você montar a imagem de autor e enviar para seus autores, no caso, eles teriam que dar upload nas imagens em todo post e colocar no final. É simples, como falei, mas não dá tanta abertura pro que os códigos podem fazer. E além disso fica da responsabilidade de cada autor colocar a imagem no fim dos posts.

 Eu sei mexer em HTML, e não tenho dificuldade alguma. 
Esse código você vai colocar diretamente no HTML do seu layout, é um processo, honestamente, simples até, mas como qualquer alteração requer paciência. A parte boa desse processo é que você tira toda a preocupação de si caso o código funcione, porque você não precisa fazer nada além de postar usando seu perfil do blogger, que ele faz os cálculos dele e adiciona ao final das suas postagens a imagem referente.

Agora vou entrar num quesito bem complicado, porque como eu disse, testei esse código e não funcionou, no entanto fiz uma pesquisa bem longa e demorada pra saber que é sempre esse o código indicado pelos tutores de plantão. Então vou deixar aqui pra vocês o link do melhor tutorial que achei, se tiverem alguma dúvida podem me perguntar, eu entendi perfeitamente o que tava escrito lá e não faz muito sentido não ter funcionado no meu blog, mas vou resolver isso em breve. E assim que tiver uma resposta concreta trago pra vocês. (infelizmente alguns códigos as vezes travam o funcionamento de outros, essa é uma opção, e eu vou desvendar o mistério, haha).

→ Clique aqui pra ver o tutorial HTML

 Eu sei mexer em HTML, mas esse código também não funcionou comigo.
Bom, essa é uma parte que mistura os dois amores que coloquei acima, e é a utilizada pelo BMC.
O que eu fiz foi pegar um código básico de HTML, que direcionasse a imagem para todas as postagens do autor. Bom, primeiro de tudo, você precisa ter no mínimo uma postagem de cada autor em seu blog,  e o processo é simples.

Primeiro, já tendo uma postagem, no mínimo, de cada autor, você vai em "postagens"



















Já dentro das postagens, você vai selecionar todas as postagens de um autor. Por exemplo, aqui no blog eu tenho a Ana como uma colaboradora, vou selecionar todas as postagens que ela já fez e vou criar um marcador para todas elas. O nome do marcador deve ser o nome da Autora, e você pode escolher como vai colocar, se vai ser apelido etc.



















Depois de criar o marcador sobre a postagem salva, você vai visualizar seu blog, e em baixo das postagens da colaboradora vai ter os marcadores, ou, se você utiliza a caixinha de labels na sidebar, vai estar lá também, com o nome que você colocou.






Bom, você vai clicar no marcador, e ele vai te redirecionar a uma página com todos os posts que tiverem aquele marcador, no caso, vão ser todos os posts que a sua colaboradora fez. O link vai ser parecido com esse: http://belomundocriativo.blogspot.com.br/search/label/Tat%C3%A1, 
mas vai ser www.NOMEDOSEUBLOG.com.br/search/label/MARCADOR
Deixa esse link aberto, ou então copia e coloca no bloco de notas.

Feito todos os processos, você vai pegar a imagem que você quer colocar no final (se não souber fazer, mas tiver uma ideia de como quer, envia pra tamyriskp@gmail.com que eu faço de graça, por hobbie) e vai hospedar em um site, (qualquer dúvida quando a isso manda por comentário, que eu respondo detalhadamente). Vai pegar o link puro que redireciona direto pra imagem.

Tendo o link do marcador, e o link da imagem, agora é simples. Você vai pegar o código abaixo, e substituir o que tá em roxo pelos links que você salvou.

<a href="LINKDOMARCADOR" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img src="LINKDAIMAGEM" /></a>

Se tiver mais de um autor, serão mais de um marcador e mais de uma imagem, mas é só repetir o mesmo processo pra cada autor. Como eu tenho 4 autores no blog, eu tenho 4 marcadores, 4 imagems e no total 4 códigos. E ai agora é bem basicão meesmo, você vai salvar os quatro códigos no bloco de notas, separados, se quiser pode colocar antes de cada código tipo: "Código da mariazinha" "Código do pedrinho" só pra você não confundir.

Agora é só mandar cada código pra cada autor, e pedir pra que sempre que eles fizerem um post colocarem o marcador com o nome deles. E no fim de cada post eles tem que entrar em "HTML" (alí em cima na esquerda, ao lado de "escrever) e colar o código no final. Caso queira colocar na direita, esquerda ou etc, você pode mudar no código ou, mexer como se fosse uma imagem normal, colar em HTML, voltar pra escrever, e quando clicar sobre a imagem vai aparecer a configuração "direita/esquerda/maior/menor".

OBS: A grande diferença entre esse processo e o primeiro é que você mexe com códigos HTML e, a parte mais legal. No primeiro citado no post, aparece uma imagem no final, mas você não tem como clicar nela. Já nesse ultimo, caso a pessoa clique na imagem ela vai ser redirecionada pro link label que você colocou, e então, clicando na imagem vai poder ver todas as postagens feitas por aquele autor!

Lembrem-se, qualquer dúvida pode perguntar, vou responder com muito amor! (se tiver a ver com qualquer outro item do post, pode perguntar também, não precisa ser relacionado ao código).

E ai, gostaram?

6 comentários:

  1. oi :) eu adorei esse post, sempre quis fazer mas nunca consegui, na verdade ainda não consigo, porque não sei mexer em html :( gostei muito dessa ultima dica, mas não entendi essa parte de ter que entrar em html e colar o codigo não sei onde :/ me ajuda pfvrrrrrrrrrrr

    ResponderExcluir
    Respostas
    1. Claaro!
      Haha, então, quando você for escrever seu post, lá em cima, na mesma barrinha onde tem pra escolher a cor da fonte, o tamanho, etc. No canto esquerdo tem "escrever" e do lado "HTML", você clica em html ai vai aparecer tudo que você escreveu com um bando de código, haha, que é o formato que o blog faz por trás. Você desce tudo e no final desse código, coloca o código que você fez pro autor. Ai depois é só clicar em "escrever" de novo, e ver se aparece a imagem no final!

      Excluir
  2. Bom, eu tenho a maior facilidade para mexer no HTML, mas tinha algumas coisas que eu não entendia muito bem e o seu post me ajudou muito, obrigada! Se puder comentar lá no meu blog eu agradeço: http://muundodamosa.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Jura? ah que boom, se tiver alguma dúvida é só falar comigo!
      Beijãaao! Vou lá dar uma olhada, Maria! *-* (AMO SEU NOME)

      Excluir
  3. Esse tutorial me ajudou bastante a fazer as minhas assinaturas. E quando alguém precisa fazer também eu mando o link dele hahahaha. Perfeito :3

    ResponderExcluir
    Respostas
    1. Sério? Fico muito feliz por isso, Hannah, a coisa mais gratificante em fazer um tutorial é saber que ele realmente tem ajudado as pessoas! E obrigada por indicar ele pras pessoas *-*

      Beijinho, Tatá <3

      Excluir