Dicas para blogueiros

Gente linda, meu bloguinho ja voltou ao normal! Está quase funcionando direitinho!

A questão dos comentários não aparecerem no final do post é que no template antigo que eu usava tinha um envelopinho que eu particularmente não gostava, aí la vai a tonta aqui procurar no código HTML a codificação dos comentários e adivinha? APAGUEI TUDO rs

Lembrei disso depois de um tempo ai tive que procurar de novo né... rs

Quebrei a cuca com isso e tbm com outros códigos como o botão do Retweet ai em cima, os botões de redes sociais e o número de páginas no final do blog. Depois de finalmente arrumar essas coisas, pensei em reunir os links que me ajudaram e muito com isso! 

*Lembrando que nada do que vou colocar aqui foi feito por mim, 

eu copiei e incorporei a minha necessidade*

Então vamos lá!

Botão de Retweet no blog: Acho que todo mundo ja deve ter esse no seu blog. Acho importante e ecomiza tempo de ficar digitando tudo e tal, ele já faz tudo isso por nós! O botão pode ser feito através do seu twitter mesmo nesse link ou ainda esse link também explica direitinho como faze.

Mas onde coloca-lo? Aí é que esta o problema. Todos os links que eu achei estava codificado pra colocar em baixo do título ou no final do post e eu queria ele exatamente do lado do título (sim, eu sou chata). Pra quem quiser deixar do jeito que esta no meu, siga as instruções do último link que eu passei, mas em vez de colocar no <data:post.body/> como ele indica, ache o código <a expr:href='data:post.url'><data:post.title/> e coloque logo depois. Pronto, seu botão de Retweet esta ao lado do título do post!

Botões de Redes Sociais na barra lateral: parace difícil, mas não é. Juro. É trabalhoso porque tem que pegar hospedar todas as imagens, depois colocar o link um por um no código, pegar os links das redes... é um trabalhão! Eu procurei muitos códigos e sinceramente não me lembro onde peguei esse, se alguém souber me avise para dar o créditos e colocar o link!

<div style="margin: 0px; padding: 0px;"><a href="LINK DO TWITTER"><img style="border: 0px solid ; width: 32px; height: 32px; float: left;" alt="" src="LINK DA IMAGEM DO TWITTER" /></a><a href="LINK DO ORKUT"><img style="border: 0px solid ; padding-left: 2px; width: 32px; height: 32px;" alt="" src="LINK DA IMAGEM DO ORKUT" /></a><a href="LINK DO YOU TUBE"><img style="border: 0px solid ; width: 32px; height: 32px; padding-left: 2px;" alt="" src="LINK DA IMAGEM DO YOUTUBE" /></a><a href="LINK DO FACEBOOK"><img style="border: 0px solid ; width: 32px; height: 32px; padding-left: 2px;" alt="" src="LINK DA IAMGEM DO FACEBOOK" /></a><a href="LINK DO TUMBLR"><img style="border: 0px solid ; width: 32px; height: 32px; padding-left: 2px;" alt="" src="LINK DA IMAGEM DO TUMBLR" /></a><a href="LINK DO FLICKR"><img style="border: 0px solid ; width: 32px; height: 32px; padding-left: 2px;" alt="" src="LINK DA IMAGEM DO FLICKR" /></a>

</div>

Importante: as imagens dos botões podem ser encontrados aqui, e eu recomendo que vc baixe os botões e depois você pode hospeda-los no picasa, porque se colocar os links direto do site, pode acontecer algo com o site e ai você vai ficar sem seus ícones, além de ter de fazer todo o trabalho de novo.   

Os números em vermelho é o tamanho do botão que você vai usar (ex: se você baixar um ícone de tamanho 32x32 seu código vai ficar assim: "width: 32px; height: 32px"), os números em roxo é a distancia entre eles, o que esta escrito em verde é só substituir pelos links dos perfis! Ai tem código pra 6 botões mas se alguém quiser mais ou menos é só copiar ou deletar entre o <a href=.....</a> que vai gerar outro botão e assim por diante!

Depois que você colocar o código no blog tem um link em cima escrito “Formato Rich Text”, clica nele e vai aparecer os botões certinho! as vezes tem que clicar nele pra funcionar, fiz a primeira vez e as imagens não apareceram, ai só quando cliquei nesse link que apareceu!

Número de páginas np final do blog: esse é o único que ainda não to satisfeita. Mas como o site que peguei o código ta em inglês, não sei como arrumar. De qualquer forma, quem quiser o link é esse

Use o google tradutor pra entender onde mudar algumas coisas pra ficar do jeito que você deseja. #ficadica.

Link de comentários no blog: não encontrei ninguém que fez a mesma burrada que eu. Mas encontrei um blog que ensina como mudar a posição do nome do autor, link de comentários e etc pra ficar em baixo do título do post. Pensei "se eu achar os outros códigos no meu HTML, posso copiar e colar o código dos comentários pra ficar ao lado". E deu certo. Ufa!

Atualizações do seus tweets na barra lateral: o Twitter disponibiliza um widget que você pode escolher as cores, o número de tweets, o tamanho e é bem simples: basta escolher tudo e depois pegar o código gerado e colar. Para quem usa plataforma blogspot fica ainda mais facil porque ele tem um botão no final pra colocar o widget direto, depois você só escolhe onde ele vai ficar na sua barra lateral.

Sei que o post ficou ENORME e meio confuso. Mas eu queria compartilhar isso com vocês porque é um saco ficar procurando essas coisas na internet. Existem muitos blogs que ajudam, mas tem outros que não funcionam e depois você acaba nem sabendo onde esta errado. E em HTML se tiver uma letrinha errada, a página não carrega. Espero ter ajudado e se tiverem alguma dúvida (se eu souber responder), ajudarei com certeza!