Colocando imagens no cabeçalho do Garland


Muita gente me pergunta como se faz para colocar aquela imagem lá em cima com o logo do blog, para evitar mais dúvidas, criei esse tutorial. Simples e fácil!

1. Na página administrativa do blog, vá em Design> Complementos

2. Adicione uma widget de texto na barra de widgets atuais

3. Agora, basta utilizar um desses códigos na widget:

Imagem com link:

<div class=”textwidget”><div class=”textwidget”><p style=”position:
absolute; right: -8px; top: -120px;”><a href=”LINK DA HOME DO SEU BLOG”><img src=”LINK PARA A IMAGEM” alt=””
border=”0″></a></p>

Imagem sem link:

<p style=”position:absolute;left:0;top:-120px;”><img src=” LINK PARA A IMAGEM ” /></p>

Qualquer dúvida, comentem!

Anúncios

11 Respostas to “Colocando imagens no cabeçalho do Garland”

  1. Sites10 Says:

    Tenho uma dúvida: onde colocar esse código???

  2. infoxp Says:

    Quando vc adicionar a widget é só clicar em editar e no quadrado maior colar o código 😉

  3. Colocando imagem no cabeçalho com tema Garland « WindowsBlog Says:

    […] Créditos e Fonte: InfoXP Postado em Diversos, Tutoriais. […]

  4. Carlos Says:

    Tenho uma duvida, coloco o codigo na 1° widget de texto do lado esquerdo, certo? Fiz isso so que nao aparece lá em cima, o q eu faço?
    E junto da imagem repete uma parte do codigo: <img src=….
    Seria o tamanho da imagem? Obrigado.

  5. infoxp Says:

    Em qualquer lugar, pode ser do lado direito ou esquerdo. É só você substituir o que está escrito, “Link para a imagem”, sem aspas, colocando o link da imgam, apenas isso.

  6. Felipe Carvalho Says:

    aqui nao deu certo “/

  7. vrmendonca Says:

    a opção Design é liberada somente pra quem é assinante ??
    nao achei essa opção nao .. abraçoo

  8. infoxp Says:

    @vrmendonca: Não, agora mudou, é em Widgets, em Aparência.

  9. Anônimo Says:

    Ahh muito obrigado xD

  10. temasdeskmod Says:

    não consegui

  11. temasdeskmod Says:

    Como você conseguiu é muito difícil esse codigo;
    não consegui me esplica detalhadamente se posivel!


Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: