13/02/2013

Tutorial- Menu Pour Tags

Boa tarde, leitores.
Nossa estou tão feliz, finalmente alguém resolveu atender meus pedidos e participar ativamente do blog e esse alguém foi a Yasmin Ribeiro amei seu nome u.u,  sigam esse exemplo minha gente participem, só assim vou saber e poder atender os desejos de vocês. 

Ela  pediu o tutorial do menu aqui do blog, lembrando que se usarem deixem os créditos ao Html Studio e a minha adaptação ao blogger, plágiando você só está provando que é incompetente.

Clique em leia mais para ver o tutorial.

1. Procure pela tag <head> e abaixo dela cole:
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
O código acima é da fonte do menu.
2. Cole o código abaixo antes de ]]></b:skin> :
/*** Menu Pour Tags - HTMLSTUDIO ***/ .pourtagshs a{margin-left: 1px; margin-bottom:3px; margin-top: 1px; margin-right: 1px; border-radius: 3px; width: 110px; padding: 4px; font-family: 'Source Sans Pro', sans-serif; display: inline-block; background: #dcc8d4; box-shadow:0px 2px 0px #ad8a80;} .pourtagshs{text-shadow:1px 1px 0px #fff;}
— Você vai trocar o 110px pelo tamanho que fique de acordo com o lugar onde ficará o menu.
3. Crie um gadget HTML/Javascript e cole o código:
<center> <div class="pourtagshs"> <a href="/" class="pourtagshs"title=""><pourtagshs>❥ pour tags</pourtagshs></a> <a href="/" class="pourtagshs"title=""><pourtagshs>❥ pour tags</pourtagshs></a> <a href="/" class="pourtagshs"title=""><pourtagshs>❥ pour tags</pourtagshs></a> <a href="/" class="pourtagshs"title=""><pourtagshs>❥ pour tags</pourtagshs></a> </div> </center>
— Onde tem "/" vocês colocam os links.
—  Onde tem  ❥ pour tags vocês colocam o título.
— Se quiserem mais barrinhas no menu é só  você acrescentar antes do </div> o código:
<a href="/" class="pourtagshs"title=""><pourtagshs>❥ pour tags</pourtagshs></a>
Espero que tenha sido útil e se você é dono(a) do tumblr criador desse tutorial e quiser que este conteúdo seja retirado é só avisar.
MetalKisses

17 comentários:

  1. Que menu LINDO. #Apaixonei
    Seu blog é lindo. Seguindo, segue de volta?

    www.diamanteturquesa.blogspot.com

    ResponderExcluir
  2. ameii o menu, super divooo o/
    blog ta cada vez melhor o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  3. Amei o tuto,muito bem explicado. esse menu é muito fofo. Amei o seu blog,muito lindo seguindo.
    Beijocas
    universoteengirl-porlarissa.blogspot.com

    ResponderExcluir
  4. Muito legal o tuto! Já te adicionei na elite do meu blog,comentei aqui porque lá na Ask ficou como anonimo!
    capasbgsetutoriais.blogspot.com

    ResponderExcluir
  5. Que lindo *-*,acho que eu vou usar ele pra colocar nas minhas tag's no próximo layout :3

    -Bezzos *3*
    http://pandasemparis.blogspot.com.br/

    ResponderExcluir
  6. Ótimo tutorial!
    Seguindo!
    Deixo um convite para que conheça o meu cantinho!!
    Beijos!!,
    Marissol!!
    ➥ www.mypetitblog.com

    ResponderExcluir
  7. Que perfeito!! *-* Nunca tinha visto ele, adorei!!
    Beijos,
    #CD

    ResponderExcluir
    Respostas
    1. A ideia desse blog é justamente essa, trazer coisas novas.
      Que bom que gostou.

      Excluir
  8. Oi flor, só pude visitar seu blog agora, minha net aqui na praia estava horrivel! E agoga que deu uma melhorada! Agradeço por ter postado o menu! Vou usa-lo na minhas categorias!!!

    Beijokkas, e bom fim de semana!!!

    ResponderExcluir
  9. Amore não está dando código! Está dando erro!

    bjs

    ResponderExcluir
    Respostas
    1. Tem que ter bastante atenção na hora do head no meu tinha dado erro, mas eu refiz esse passo e correu tudo bem.

      Excluir

- Não estou aceitando tags ou selinhos.
- Use os comentários ou a ask para fazer requests.
- Respondo todos os comentários e retribuo na maioria das vezes.
- "Seguindo! Segue de volta?" Depende, se você já tiver seguido realmente e eu gostar do seu blog.