Menu "Blueberry"

13/10/2012
Feliz Dia das Crianças Atrasado >.<
Hey pessoal! Ontem foi dia das crianças! E digo parabéns para TODOS, pois todos ainda somos crianças e sempre vamos ser. Okay agora sobre o post né. Hoje trouxe o menu Blueberry, créditos ao Miki Candy, foi la que eu aprendi e os códigos também são de lá. Mãos a obra?
O resultado é esse:

Vá no seu HTML do blog e aperte CTRL + F e procure por ]]></b:skin>
Acima do que você achou cole isso:

/* Menu Blueberry by Miki Candy */blueberry{color: #fff; /* cor da fonte quando passa o mouse */text-align:center;font-size: 11px; /* Tamanho da fonte do menu */background: #3FCFAD ; /* Fundo do menu */padding: 2px;float: left;margin: 2px;cursor: crosshair; /*cursor */width: 45%; /* tamanho do menu */-webkit-transition-duration: .80s;border:1px dotted #D682DE; /* bordas */border-radius: 10px; /*---- bordas arredondadas ----*/}blueberry:hover{background:#D682DE; /* fundo do menu quando passa o mouse */border:1px solid #3FCFAD; /* bordas quando passa o mouse */color: #fff; /* cor da fonte quando passa o mouse */-webkit-transition-duration: .80s;border-radius: 5px; /*---- bordas arredondadas ----*/}

Modifique de acordo com o seu layout e salve.
 Agora, para usar o menu, é só adicionar um Gadget HTML/Java Script, e colar esse outro código dentro:


<div><a href="URL 1"><blueberry>NOME 1</blueberry></a>
<a href=" URL 2 "><blueberry>NOME 2</blueberry></a>
<a href=" URL 3 "><blueberry>NOME 3</blueberry></a>
<a href=" URL 4"><blueberry>NOME 4</blueberry></a></div>


Modifique de acordo com o que você vai colocar no menu e salve.
Espero que tenham gostado, qualquer dúvida comente aqui. Como só pode ter um post por dia, até quarta!
Beijos


42 comentários

  1. Juro eu gamei no menu s2 '

    Vem Me Vistar // smileretro.blogspot.com

    ResponderExcluir
  2. Que menu lindo, já tinha visto no Miki Candy *-* Mas agora tô usando outro tipo, vamos deixar pra algum próximo lay haha

    Beijos,
    Anna
    garota-queen.blogspot.com

    ResponderExcluir
  3. Eu já tinha visto ele no Miki Candy, confesso acho super lindo e fora que o tutorial é super fácil, né? Amei, ah e estou seguindo aqui, hehe! PARABÉNS PELO SEU BLOG, EU SIMPLESMENTE ESTOU ENCANTADA COM AQUI =)

    Sweet Teen

    ResponderExcluir
  4. olaaaa,
    Amei seu blog e estou seguindo!
    Pode dar uma forcinha la no meu que ta comecando e segui-lo por favor? Se puder seguir mais as outras coisas que estao la no blog (twitter e tal) eu agradeco mtttt!!
    Um beijaaaaao!
    @_AliceDias

    http://bringit-up.blogspot.com.br

    ResponderExcluir
  5. Eu já tinha visto este menu no blog Miki Candy, confesso que achei super fofo e fora que o tutorial é bem fácil, não é?

    Beijos,
    Chassy Bomb.

    ResponderExcluir
  6. Já tinha visto também no Miki Candy,o próprio rss...
    Seu blog tá super lindo,adorei!
    Biacmenezes/blogspot

    ResponderExcluir
  7. A ótima tutorial,gostei :D
    http://dezapaixao.blogspot.com.br/

    ResponderExcluir
  8. Muito Fofo esse Menu Xonei -*♥

    Beijos & ate mais
    ~~> umagarotaeseublog.blogspot.com <~~

    ResponderExcluir
  9. Tutorial #d+, assim como seu blog, seguindo e amando .. bjus

    asgarotascurtem.blogspot.com
    @Garotas_Curtem

    ResponderExcluir
    Respostas
    1. Obrigada! O blog não é meus mas obrigada mesmo assim!

      Excluir
  10. Lindo menu! Prefiro cores mais neutras, não gosto muito dessas cores mais "extravagantes" haha. Mas no geral, o menu é lindo e fofo, até uso um do tipo no meu blog.
    Beijos, momamoraes.blogspot.com

    ResponderExcluir
  11. Amo tutos.
    Seu layout é lindo, como fez?
    www.reinventingstars.blogspot.com
    www.facebook.com/reinventingstars
    Voltarei sempre aqui,
    Um grande beijo,
    Carolina Maia

    ResponderExcluir
  12. Que lindo o efeito! Amei o tutorial, muito útil!!

    Beijos!
    Garota Vertigem (blog no perfil)

    ResponderExcluir
  13. Amo menus ♥ pena que não posso usar todos kkk
    queria saber como ta minha encomenda?
    formula-amor.blogspot.com

    ResponderExcluir
    Respostas
    1. kkkk imagina um blog com muitos menus O.o kkkk
      Não é comigo linda :/

      Excluir
  14. Bem legal o tutorial :)
    Blog: Sweet Dreams

    ResponderExcluir
  15. O tutorial é super util... Agora eu amei foi a imagem de post foi você quem editou?
    Ótimo post!
    Ah! Gostaria muito que você fizesse uma visitinha no meu Mundo...
    Beijinhos da Nath
    Clica?--> MundoFantásticoFeminino

    ResponderExcluir
    Respostas
    1. Que bom que gostou flor *-*
      Sim, as imagens dos meus posts é eu que edito ^-^

      Excluir
  16. Oi flor, você ainda deseja afiliação? Leia a página "Afilie-se" do meu blog e se estiver de acordo com tudo que lá está escrito, me avise para fecharmos afiliação.

    Beijos e obrigada pela participação no meu blog. :)

    ResponderExcluir
  17. Que lindo o menu! Vou ver se uso ele no próximo lay ^^
    seu blog é muito fofo, amei o design! seguindo...

    Bjos
    srtaindependencia.blogspot.com

    ResponderExcluir
  18. Amoor , seja membro ddo meeu bloog
    eeeu ameei oo seeu , super legal me ajudoou muitto ,
    olha o sitte aai do meeu blog ---> moodabelezza.blogspot.com.br
    Olhaa aai amoor , beijookas tto tte esperanddo llá ( Membro ) <33

    ResponderExcluir
  19. http://loveegirlslovee.blogspot.com.br/ , enttra no meu blog , seguee eelle && coomentta , adoreei seeu bloog *------*

    ResponderExcluir
  20. Ameeei e já to usando no meu blog novo beeijo.

    ResponderExcluir
    Respostas
    1. Não consegui usar :(( to usando outro !! mais mesmo assim é bonito .

      Excluir

Retribuo todos os comentários, menos comentários como Seguindo, segue de volta ? ou parecidos, esses NUNCA serão respondidos!
Fora isso fique a vontade para comentar e volte sempre <3