21/02/2013

Colocando cabeçalho acima da sidebar - Mini banner acima da sidebar


Olá bunnys! Gomen pela demora estava arrumando as encomendas de layout, mas venho trazer um tutorial que usei para fazer um dos pedidos. Esse tutorial mostra como colocar o cabeçalho sobre a sidebar, pessoalmente acho bem legal e diferenciado. Os créditos são do blog  WOT, então vamos logo ao tutorial pós quero terminar de ver o episodio 7 de Amnesia (anime). u.u

O bom desse tutorial é que não precisa ir ate o HTML basta abrir um gadget de html/javascript bem em cima da área das postagens e colar dentro:

Códigos
<div style="position: absolute; margin-top: -4px; left: 720px;">
<img src="URL do seu banner" /></div>

Onde esta em vermelho e a altura, onde esta em roxo e a posição. Bem fácil né?

24 comentários:

  1. Pois eh tão fácil e eu achando que tinha que mexer algo no Modelo.. HAUHAUAHa mas é um tuto muito bom esse ;) Kissus!!

    ResponderExcluir
    Respostas
    1. Verdade, tem ate como por HTML mas assim e bem mais facil

      Excluir
  2. Nossa que legal, vou usar.
    Eu estava com saudade de ver seu blog Wendy Chan, eu não to com muito tempo, mas adorei.
    Mas sempre que eu poder eu vou comentar, e visitar.

    ResponderExcluir
    Respostas
    1. Que bom, que gostou.
      Hihi tudo bem, é assim mesmo mas sempre estarei la no seu.

      Excluir
  3. Anônimo21/2/13

    Adorei o tutorial u3u

    Beijos!

    VISITA : http://pensamento-jhenny.blogspot.com.br/

    ResponderExcluir
  4. Gostei, é tipo um mini cabeçalho? em png na side ner?

    ResponderExcluir
  5. Que legal, eu preciso tentar esse tutorial. Obrigada por postá-la ^^

    Beijos
    Too Kawaii

    ResponderExcluir
  6. Que bom Wendy que trouxe , Os que eu usava eram muito mais complicados !!
    Não vou usar agora por causa daquela nossa coisinha
    rsrs ^^
    Bjs .

    ResponderExcluir
  7. Ahh! Eu quero ser blog irmão !! Pode?

    ResponderExcluir
  8. seguindo segue de volta por favor?

    ResponderExcluir
  9. Nunca vi este tuto o.O. Mas avho que é legal :3

    pink-stranberry.blogspot.com

    ResponderExcluir
  10. Anônimo28/2/13

    Muito obrigada pelos créditos, linda >u<
    World Of Tutos .

    ResponderExcluir
    Respostas
    1. Hihi, não precisa agradecer é mais que minha obrigação, das os devidos créditos ^^

      Excluir
  11. Wendy, preciso da sua ajuda, eu fiz esse tutorial certinho. Coloquei ele no lugar correto. Ele fica lá, mas dai eu vou clicar em uma postagem, o cabeçalho some. Me ajuda a deixar ele FIXO, por favor!

    ResponderExcluir
    Respostas
    1. Yo Tory, estranho isso acontecer. O layout que você esta a usar e do blogger ou de algum site free? Poderia me passar o link para que eu de uma olhadinha? ^^

      Excluir
  12. T^T o meu não está ficando, ele aparece mas ele fica onde não deve ficar, tipo eu coloco ele no lugar cetinho, em cima da side e ele aparece no meio do blog T^T

    aozoraao.blogspot.com
    (não é esse, é um de testes)

    ResponderExcluir
    Respostas
    1. Puxa compreendo seu problema, mas experimente mexer no left: 720px vá aumentando e diminuindo os números ate ficar onde desejar. As vezes entra no local certinho e outras vezes não, depende muito. Mas mexe na parte que disse que vai dar certinho. ^^

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345