[Semana de Tutos] Menuzinho de tags/destaques

5 de abril de 2013


Hóóy gente \o/ então eu fiquei e ainda estou desanimada com o blog, apenas o número de seguidores sobe e os comentários o que está acontecendo o conteúdo está ruim? deem opiniões, eu retribuo todas as visitas e sigo todos de volta comento em praticamente todos os blogs que sigo e cadê vocês aqui? u-u fazer o que né?Bom essa semana e outra eu não poderia postar muito para vocês então tentarei deixar o máximo possivel de postagens programadas, porque tenho provas de História e Química ai vou estudar e muito.  Vamos ao tuto de hoje! pelo titulo vocês já sabem mais ou menos o que é mais não o mesmo menuzinho que você ai em praticamente todos os blogs de HTML, a maioria desses blogs tentam sempre ser igual ao KW cadê a originalidade gente? sim o KW é lindo mais cada um tem que ter sua criatividade, ok estou saindo do foco, continue lendo para ver o menu e aprender a faze-lo
É um menu que serve para tags eu adorei ele e vou usar no próximo lay *u* preview aqui (xxx)
Legalzinho né? então vamos aprender a fazer u-u


Vá no seu HTML (Ava) no CSS (]]></b:skin>) e ACIMA da tag cole


.menuzinho a {background:#f5f5f5; color:#CORDAFONTE; font-size:10px; font-family: 'Play', sans-serif; box-shadow: 2px 2px 0px #COR;padding:3px;border-radius:1px;border-left:double 5px #CORDABORDA;width:80px;margin:3px;float:center;-webkit-transition: all ease-out  0.4s; -moz-transition: all ease-out  0.4s; -o-transition: all ease-out  0.4s; -ms-transition: all ease-out  0.4s; transition: all ease-out  0.4s;} .menuzinho a:hover {background:#f5f5f5; color:#COR; font-size:10px; font-family: 'Play', sans-serif; box-shadow: 2px 2px 0px #CORc;padding:3px;border-radius:1px;border-left:double 5px #999;width:80px;margin:3px;float:center;}
Modifique apenas aonde se pede! ou seja as cores! salve.

Crie um gadget de HTML/Javascript

 <div class="menuzinho">
<center>
<a href="Links">Materiais</a>
<a href="LINK">úteis</a>
<a href="LINK-DA-TAG">NOME-DA-TAG</a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a><br><br>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a><br><br>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a><br><br>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
<a href=" LINK-DA-TAG "> NOME-DA-TAG </a>
 </center>
</div>
Onde está link da tag você vai por  o link da tag (ava

ex: "http://forever-teens-89.blogspot.com.br/search/label/moda" entenderam? e nome da tag é o nome da tga né gente!

Byee pedidos na Ask na sidebar do blog e participem do projeto 

8 comentários:

  1. oi linda gostei do post mais nem sou muito boa pra mexer com html hihi mais tou seguindo e irei comentar aqui sempre que der ta feliz? :)
    o conteudo ta muito bom pelo menis na minha opiniao bjs se puder fazer uma visitinha no meu blog

    http://cherrycharming2.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oiee querida ><

      Obriga por tudo flor ><

      Claro que visito.

      Excluir
  2. Anônimo20:25

    esse menu está demais!! com certeza uso no meu próximo lay ^^
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  3. ownn que lindooo, ameii demaisss o/

    ResponderExcluir
  4. Oiee
    Também sou péssima quando se trata de mexer no html do meu blog, por isso ele fica com uma carinha caída..rsrs..mas prefiro assim.
    Adorei o seu blog, acabei de encontrá-lo em outro blog. Muuito sucesso flor.
    MilkMilks
    DM
    http://shakedepalavras.blogspot.com.br

    ResponderExcluir
    Respostas
    1. o;

      Oiee flor >< muito obrigado irei retribuir a visitinha

      Excluir

Fã page | Twitter | Instagram

Críticas construtivas são sempre bem vindas.
Deixe o link do seu blog no final do comentário e retribuiremos a visita
Aceitamos TAG's, se não a respondermos, provavelmente nós já devemos ter respondido anteriormente por outra indicação.
Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2018. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo