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?
Assinar:
Postar comentários (Atom)
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
ResponderExcluirClaaro!
ExcluirHaha, 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!
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/
ResponderExcluirJura? ah que boom, se tiver alguma dúvida é só falar comigo!
ExcluirBeijãaao! Vou lá dar uma olhada, Maria! *-* (AMO SEU NOME)
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
ResponderExcluirSé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 *-*
ExcluirBeijinho, Tatá <3