terça-feira, 20 de setembro de 2011

Entenda: Coloque menu horizontal no seu blog

Tumblr_lru1l0juvx1r312nwo1_500_large
TUTORIAL (MENU HORIZONTAL NO SEU BLOG)

Hello leitores do meu <3, hahahaha, vou ensinar passo a passo como colocar um menu de páginas bem diferente e bonito no seu blog. Vamos mudar aquela mesmice de sempre, ou páginas em baixo do cabeçalho ou páginas na barra lateral com palavras, vamos mudar totalmente, em vez de páginas comuns vamos colocar menus que quando você passa o mouse muda a cor, assim o seu blog vai ficar muito melhor e cute.

1- Vá até Design, Elementos de Página, adcione um Gadget HTML/Javascript e adcione o código abaixo:


<div style="text-align: center;"><span style='-moz-border-radius: 7px; background-color:#f781f3; padding: 5px 15px 5px 15px;'><a href="LINK 1 ">categoria 1</a></span> <span style='-moz-border-radius: 7px; background-color:#58acfa; padding:  5px 15px 5px 15px;'><a href="LINK 2">categoria 2</a></span> <span style='-moz-border-radius: 7px; background-color:#81f79f; padding: 5px 15px 5px 15px;'><a href=" LINK 3 ">categoria 3</a></span> <span style='-moz-border-radius: 7px; background-color:#f78181; padding: 5px 15px 5px 15px;'><a href=" LINK 4 ">categoria 4</a></span> <span style='-moz-border-radius: 7px; background-color:#f2f5a9; padding: 5px 15px 5px 15px;'><a href="LINK 5">categoria 5</a></span><br /><br /></div>

2- Para fazer as alterações no seu código siga a explicação abaixo:
moz-border-radius: 7px – É o efeito redondo do seu menu, você pode alterar o número para diminuir ou aumentar este efeito.
5px 15px 5px 15px – É o tamanho de cada categoria do menu.
#f781f3 – Cor de cada categoria do menu.
Categoria – Altere para o nome de cada categoria de seu menu.
LINK – É o link de cada categoria do seu menu.
Eu, dona do blog Garota Etc vi esse tutorial no blog Attitude Included e aproveitando já estou dando os devidos créditos dos modelos das categorias que irá ficar assim:

Caso, você não seje lá tão bom em HTML e tenha dificuldades nesse tutorial você poderá tirar suas dúvidas por comentários ou na área de contato, ou caso você prefira acesse nossa postagem que explica bastante sobre HTML:
Guia/Dicionário HTML

2 comentários:

  1. Linda eu não entendo eu colokei o link do meu blog mais apareceu " pagina não existe" o que eu faço?

    ResponderExcluir
  2. Oi, eu queria saber como faço para trocar a fonte.

    ResponderExcluir

O blog Garota Etc é um blog que produz conteúdos originais de diferentes temas. Espiritualidade, astrologia, viagens e etc.
Aqui você terá acesso a fotos e notícias. Textos sobre a sociedade e o mundo em que vivemos. Criticas sociais e entretenimento.
Acesse o blog e fique por dentro das novidades.
Comente e divirta-se.