Seu blog por dentro

em 2 de março de 2010

E mais umas coisinhas…

image

Você é daquelas pessoas que olha o código-fonte do seu blog e fica pensando: o que será isso, meu Deus? Ou será que, assim como eu no começo, nem sabe o que é código-fonte?

Se respondeu sim a umas dessas perguntas:

Seus problemas siacabaram! Vamos conhecer o básico do código-fonte do seu blog? Relaxa, é bem simplezinho mesmo…

Antes de começar vá ao seu painel do blog. Agora clique na aba Layout. Em seguida clique na opção Editar html. Pronto. Chegamos ao seu código-fonte.

Agora vamos entender a página:

image

Nesta parte você faz backup do seu blog. Isso é fundamental para evitar desastres irremediaveis aborrecimentos toda vez que for mexer em seu blog. Para fazer backup é só clicar em Baixar modelo completo e salvar em uma pasta no seu pc. Assim, se não gostar de quaisquer mudanças que houver realizado é só restaurar o modelo e tudo se resolve. Para restaurar é só clicar em Enviar arquivo e escolher o backup feito anteriormente.

image

Nesta parte é onde está o código-fonte própriamente dito. É em inglês e internetês, o que mete medo, né? Mas por enquanto você só precisa saber que:

- Devagar a gente entende o código

e

- Não precisa ter medo.

Como o post já está longo, vou dar  dicas para você ir se habituando a mexer no html do seu blog.

Dica nº 1:

Quer colocar uma imagem ao lado do título da postagem?

Marque a caixinha Expandir modelos de widgetsimage e encontre este trecho (use Ctrl+F):

<a expr:name='data:post.id'/>

Agora cole imediatamente abaixo dele este código:

<img align='left' border='0' src='http://ENDEREÇO DA IMAGEM ' style='border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px'/>

Não esqueça de hospedar a imagem escolhida e colocar a url desta imagem no campo onde está escrito ‘ENDEREÇO DA IMAGEM'. Outra coisa importante é escolher uma imagem pequena; a minha por exemplo mede 40x40px. Neste site aqui tem milhares de  imagens prontas para escolher, inclusive com movimento. Escolha a sua, salve-a em seu pc e depois hospede na ImageShack por exemplo. Daí é só copiar o endereço e colar no campo apropriado. E não apague nenhum sinal, senão não funciona.

Clique em visualizar e se estiver tudo ok, salve.

Dica nº 2:

Eu já ensinei aqui um código para colocar imagem no fundo do blog, mas tem um outro modo: inserir diretamente no html do blog. É simples.

Primeiro você encontra a imagem que deseja ter no fundo de seu blog. Ela deve ter medidas aproximadas de 1024 por 800px. Depois hospede essa imagem. Pode ser no site ImageShack ou no Tinypic. Agora, de posse do endereço da imagem, encontre o trecho que se refere ao body (corpo) do seu blog:

body {

Achou? Agora cole este trecho imediatamente abaixo de body:

  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  background-image: url(endereço da imagem);
  background-attachment: fixed;

Entendendo o código:

  background-repeat: no-repeat;  -faz com que a imagem não se repita. Se quiser que ela se repita tire o “no”.
  background-position: center;  –centraliza a imagem. Left para colocar a imagem à esquerda e right para colocá-la à direita.
  background-color: #ffffff;  -define a cor do fundo, que fica oculta caso você use uma imagem. Mais códigos das cores aqui.
  background-image:  -url da imagem que você hospedou. 
background-attachment: fixed;  –não sei o que faz.

Clique em Visualizar. Se estiver ok, salve.

Alguns templates não aceitam imagens de fundo. Testei no Mínima(todas as versões) e nos Rounders(também em todas as versões) e ambos aceitaram sem problemas.

Ufa!

Por hoje é só.

Sabia que estes posts de dicas são os que mais dão trabalho? E que menos têm comentários…

user

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

27 comentários , comente também!

  1. Querida sem problema eu sei bem o que é a falta de tempo... O que importa é que ele é meu e que vai chegar mais cedo ou mais tarde.

    Quanto ao anel deve ser de bodas de alguma coisa noiva eu sou a 6 anos rsrsrs acho q ele queria confirmar o pedido so ano disse nada a respeito srsrs...

    BJos

    ResponderExcluir
  2. Elaine,

    Suas dicas são ótimas.
    Adoro !
    Beijos
    Luka.

    ResponderExcluir
  3. Sempre preciosas as suas dicas, Elaine!! Adoro me perder por aqui de vez em quando... rs
    Bj
    Helô

    ResponderExcluir
  4. Graças a Deus já aprendi a domar um pouquinho o HTML do template.
    Bjos na alma!

    ResponderExcluir
  5. Menina, tenho verdadeiro pavor de mexer nisso! E o pavor de ferrar com tudo? Quem me socorre todas as vezes, é Natália, do Meniana da Bahia. Natália é valente para fuçar nas coisas... eu vou no embalo dela!!! Agora... já sei qual outra pessoa q pode me salvar!!!
    VOCÊ!!!!!
    rsrsrsrs!
    Bjks
    Alê

    ResponderExcluir
  6. ebaaaaaaa mudei o background essa semana e não sabia como fazer ela ficar parada. já tava ficando neeeerrrrrrvosa. mais uma vez você me salvou!!!!!

    ResponderExcluir
  7. ah! e num fica triste com isso não, boba. é que suas dicas são tão super hiper mega ultra golden plus, que às vezes a pessoa esquece de agradecer. mas pode ter certeza: a pessoa sempre volta ;)

    beijo, amada!!!! bom dia pra vc!!!!

    ResponderExcluir
  8. Essas tuas dicas são maravilhosas. Aproveito muito as bem simples. As outras sou meio burralda e morro de medo de apagar tudo, assim,deixo como está,rsrsrs...beijos,obrigado sempre!chica

    ResponderExcluir
  9. Olá, obrigada mais uma vez pelas dicas que você nos passa.
    Sempre que tenho alguma duvida corro pra k.
    Bjs e tenha uma boa quarta feira.

    ResponderExcluir
  10. Tentei colocar imagem de fundo no meu blog, segui as dicas direitinho, mas não funcionou, ficou tudo branco, o que será que ocorreu????
    Beijo grande,
    Lilian.

    ResponderExcluir
  11. Poxa! Tu não pensas em dar umas dicas assim pro pessoal do Wordpress não?!
    Diz que sim vai!!
    Prometo que viro tua leitora fiel até alguma catástrofe virtual nos separe..
    =P

    ResponderExcluir
  12. não me xinga! tem mais selinho pra você. e são dois rsrsrsrs

    ResponderExcluir
  13. Gostei muito das dicas e imagino o trabalhão que dá. Comecei meu blog a quase um ano, mas não sei mudar muita coisa, e suas dicas me são sempre boas. Depois que eu fizer um ano, mudarei a carinha do meu blog.
    Bjinhussssss e obrigada por dividir conosco oque sabe!

    ResponderExcluir
  14. ola linda nossa quanta dica!!!!
    para te ser franca tenho que ler e reler muita vez pois não percebo nada de código uma vez tentei Deus meu tinha estragado o blog mas depois foi so eliminar nossa te ademiro muito beijinhos obrigada

    ResponderExcluir
  15. Um dia quem sabe eu aprendo, devagar eu chego lá. Viu que já consegui colocar o " você também pode gostar de" no fim das postagens? Valeu, obrigada

    ResponderExcluir
  16. Oie.
    Corre no http://memesdamiss.blogspot.com/2010/03/selinho-blogueira-dedicada.html que lá tem selinho pra você.
    Beijos.

    ResponderExcluir
  17. Oi vlw pelas dicas assim q eu testar vai aparecer no meu blog...

    bjus

    ResponderExcluir
  18. ai ai ai preciso arrumar tempo para mexer em coisinhas qu evc tem nos ensinado.

    ResponderExcluir
  19. Reconheço que deve dar trabalho, quando eu faço matérias grandes em minha revista eu gasto um tempão e cansa mesmo.

    ResponderExcluir
  20. Minha amigaaaaaaaaaaaa

    Não pare com suas dicas, vc e a Cris são minhas salvadoras...

    Salvei meu templante!! eeee


    beijos

    ResponderExcluir
  21. Adoro essas dicas..são ótimas.
    Obrigada!

    Beijos.

    ResponderExcluir
  22. Amiga não pense que o fato dessa seção não ser muito comentada não quer dizer que não seje prestigiada. É sim e muito. Tiro por mim, dos seus post's é o que menos comento, no entanto é um dos que mais me ajuda.

    Bjinhos
    Mah

    ResponderExcluir
  23. ...tentando aqui, fazer umas coisas que você ja ensinou na seção: Dicas.
    Elaine sobre "hospedar imagem" e "endereço da imagem", não estou conseguindo, tipo assim, escolho a imagem parece que estou conseguindo hospedar, mais uma vez isso feito, nao consigo identificar qual o endereço da imagem...

    Bjo
    Mah

    ResponderExcluir
  24. MENINA VC É UM GENIO...

    VC É DESSE PLANETA HEIN? ? ?

    MAS VIM AGRADECER VIU.

    TKS PELAS MUITAS DICAS!!

    ResponderExcluir
  25. Olá
    Fiz exatamente tudo que ensinou, copiei a imagem para meu PC, mas não vi o codigo da imagem, foi somente a imagem. Onde encontrar o código ?
    Estou falando em colocar ícone ao lado do título do post
    Bjs
    E obrigada mulher guerreira!

    ResponderExcluir
  26. Ai... esse foi demais pra mim :(

    Só consegui aprender até na hora de salvar o Blog, mas o resto... internetês e muita invenção de moda.
    Não acompanhei. Pura preguiça mental e falta de vonmtade de mudar o fundo do meu blog. rs

    mesmo assim, tôacompanhando as aulas e agradecendo eternamente a vc.
    Bjos

    ResponderExcluir
  27. Estou adorando as dicas...Como sou leiga no assunto,está sendo muito útil pra mim,mais ainda tenho muito o q aprender!!!Ainda chego lá!!!Com ajudas d pessoas dedicadas como vc é claro!!!Muito obrigada flor!!!Bjs!!!

    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…