Tutorial

Colocando uma imagem pelo Header com Javascripti no blog

19:52:00

imagem de cabeçalho pelo Header
Imagem de cabeçalho pelo Header
Oi gente ,eu tomei um chá de cansaço até conseguir uma forma legal de por uma imagem de cabeçalho em tamanho grande no meu blog.
Confesso que ainda não esta como eu quero mais estou chegando lá .
Mas ficou bem legal.
Vou ensinar bem mastigadinho cada passo,espero que ajude a cada um que estiver com a mesma dificuldade.
Primeiro faça uma imagem do tamanho em largura e altura que você achar melhor num editor de imagem,pois depois isso será mudado,quanto ao editor eu uso o photoscape.


editor de imagem photoscape
Editor de imagem 
Depois de feito a imagem vá nesse site onde há um gerador online ,clique no link abaixo:
E vai abrir esta janela abaixo :



gerador online

Preencha todo o formulário do jeito que esta pedindo ,título da imagem ,link de destino (pode ser uma página do face,ou outra qualquer que você tenha) ,mas o mais importante é a URL da imagem ser preenchida corretamente.
Depois clique em criar imagem com link ,copie .

Após ter feito isso vá  em layout e clique em navbar e desative a navbar do blog,pelo menos comigo só deu certo assim,veja abaixo,depois se quiser reative.


Mas antes para fazer desse jeito exclua seu cabeçalho original ,vá em modelo /editar HTML,e lá dê um Ctrl + f e procure por esse trecho:




Onde esta "no" substitua por "yes"
Na terceira linha onde esta "true" substitua por "false".
Depois salve , e volte para layout e veja o cabeçalho com opção excluir abaixo :


Vai ficar assim depois de ter excluído o cabeçalho:


Copie esse código gerado e vá em adicionar um gadget,e HTML/Javascripti salve e cole o código e coloque no Header e voia-lá !!

No próprio código altere o tamanho da imagem até ficar do tamanho desejado de acordo com o Header,veja :

 Código 1em 1600
<a href="http://www.montarumblog.com/como-inserir-uma-imagem-com-link-gerador-online/" target="_blank"><img src="http://3.bp.blogspot.com/-WhOBFMo1p2U/Vd5xoMHKp-I/AAAAAAAAAp0/1FsOOr7h9Vw/s1600/images.png" border="0" title="Natureza" alt="Natureza"></a>


Código 2 em 100/ altere conforme o tamanho desejado.

<a href="http://www.montarumblog.com/como-inserir-uma-imagem-com-link-gerador-online/" target="_blank"><img src="http://3.bp.blogspot.com/-WhOBFMo1p2U/Vd5xoMHKp-I/AAAAAAAAAp0/1FsOOr7h9Vw/s1000/images.png" border="0" title="Natureza" alt="Natureza"></a>


Espero que tenha ajudado pessoal,beijos para todos !!

You Might Also Like

0 comentários

Obrigado pelo seu comentário,volte sempre e aproveite o blog.

Like us on Facebook

Eu Sou do CBBlogers