4 de mai de 2012

Base para cabeçalhos com quatro botões

 
Hey Guy' : D  Hoje vou postar a base exata que usei para fazer o cabeçalho do T+!

 
Clique na imagem para baixar

"Inicialmente essa base tem quatro botões, se deseja adicionar mais alguns.. veja esse tutorial passo-a-passo de como fazer no CHERRY BOMB!
Etapa 01
Bom.. para usar a Base você vai precisar de um editor em Layers.. isso é facil de encontrar, por exemplo: Photo filtre (Portable) .. Depois de baixar, abra o programa e em seguida a base que você baixou.. edite do jeito que quiser e gostar!
Depois disso abra um programa editor de texto e cole o seguinte código:

<img src="LINK DA BASE EDITADA" usemap="#Image-Maps_7201204292241134" width="1000" />
<map id="Map" name="Map">
<area alt="" coords="193,226,282,273" LINK DO BOTÃO 1" shape="rect" title=""></area>
<area alt="" coords="281,225,363,272" href="LINK DO BOTÃO 2" shape="rect" title=""></area>
<area alt="" coords="362,226,449,273" href="LINK DO BOTÃO 3" shape="rect" title=""></area>
<area alt="" coords="449,226,561,273" href="
LINK DO BOTÃO 4" shape="rect" title=""></area>
</map>


Etapa 02
Hospede a imagem editada e copie o link.. cole na area LINK DA BASE EDITADA.. Editando também, é claro as areas LINK DO BOTÃO pelos determinados endereços que você editou. Depois de editado tudo e conferido..

Etapa 03

crie um gadget de HTML/JavaScript

copie todo o código editado e cole nele

coloque-o abaixo do Cabeçalho.

--

Para fazer o nome do blog desaparecer do Cabeçalho..
salve essa imagem invisivel  

 abra o gadget do Cabeçalho 


 e depois selecione-a.

Salve e veja como ficou!
 Espero que goste!
Visite a pagina do Teenage Plus no Facebook!

11 comentários:

  1. Oi!! Adorei seu blog!! É lindo! *.*!! Seguindo,claro!! Gostaria que você fosse dar uma passada no meu blog!!
    Um abraço de urso!! rsrsrs

    --> dicasblogspot-db.blogspot.com

    ResponderExcluir
  2. Oiii! Aceito afiliação sim
    Cereja com Morango

    ResponderExcluir
  3. Oi Mateus, para ser afiliado do blog é necessário seguir. Bjos *-*

    http://selenarebeldeastros.blogspot.com.br

    ResponderExcluir
  4. Adoreii! :D
    Aceito sim parceria.
    (já coloquei o seu link lá no blog :))

    ResponderExcluir
  5. Adorei o tutorial hihi, flor não faço mais parcerias, sorry baby!

    Beeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com.br/

    ResponderExcluir
  6. @nicolas - muito Obrigado.. Passo por lá sim! Abraço de Urso! XD
    --
    @Laiine - Ah, OK.
    --
    @Letícia Gonçalves - Ah, sim desculpa.. já estou seguindo! e já coloquei seu Blog como parceiro.
    --
    @Miki ♥ - Obrigadoo.. Eu tbm já Linkei o seu! :D
    --
    @Lary Yah - Vlw.. Tudo bem, mas não deixe de visitar ok!? :D
    --

    Obrigado pelos comentários! ♥
    Mate

    ResponderExcluir
  7. *u*......adoreii o tuto.!
    tava precisando dele, no prox. lay eu vô usar =P
    Aliás, vi que você queria ser meu afiliado. Aceito sim :D
    Seu blog já está lá no meu, agora só falta vocÊ ;D

    Beijoos......uma-simples-garotinha.blogspot.com

    ResponderExcluir
  8. Que blog lindo...Amei, é di mais mesmo!! Achei o design super perfeito, os posts super interessantes...Adorei, já to seguindo!!

    www.hitfeminino.blogspot.com

    ResponderExcluir
  9. Otima dica, amei mesmo!!

    Está rolando um concurso lá no Evo! PArticipa é super fácil ganhar!

    http://jennywestwick.blogspot.com.br/2012/05/novo-lay-mais-1-concurso.html

    ResponderExcluir
  10. Hehe ótimo mini tuto. Seguindo, retribui? Um Beijo, Plush Republic ♥

    ResponderExcluir
  11. Adorei o tutorial !

    Aceitamos parceria sim ,quando nos colocar , avisa pra mim colocar vc tbm !

    http://bomb-of-chocolate.blogspot.com.br/

    ResponderExcluir