Tutorial: Páginas como sidebar


09 novembro 2011

Tumblr_lud6hx8n9p1qeo27wo1_500_large

Oi minhas cachorrinhas *-*  (No bom sentido,claro!) 
No tuto de hoje,vou ensinar como colocar as páginas do blog no lugar da sidebar,fica muito lindo e é super fácil de se fazer,vamos aprender?

Antes de mais nada,você terá que retirar a sidebar,vários blogs ensinam,basta procurar no google como retira-la . Depois é só ir em Design > Elementos da página e colocar as páginas no lugar do cabeçalho,assim:


Feito isso,siga os passos abaixo:

Vá em Design > Editar html > Dê Ctrl + f  > Procure por /* Tabs

Apague o código abaixo:


E substitua - o por:  margin-top: -10px;

O número grifado de laranja representa a posição das páginas,quanto maior for,mais para cima ficará, e  vice e versa.

Créditos:
Na verdade,o blog material extra explica um tutorial que tem o mesmo efeito,eu tentei faze-lo,mas a tag que realizava o tutu estava com problemas aqui,daí eu fui mexendo no html e descobri esse truque!
A imagem número dois é do Trechy Teen.

6 comentários:

  1. Flor, seu blog é muitissimo lindo, ou vey você está de parabééns, já virou um dos meus favoritos, de coração. Nossa nem tenho palavras para explicar tanta lindeza (ow). Serio flor voc~e está de PARABENS !!

    Bom, já te coloquei como afiliados, agora só falta você. ok?

    atitude-zeroo.blogspot.com

    ResponderExcluir
  2. Sempre ótimos tutoriais néh Guria! hahahaha
    BeeeijãO

    ResponderExcluir
  3. Como util o tuto!
    Mt fofo aqui *u*
    seguindo, segue de volta?


    Bjs
    http://blogportalteen.blogspot.com

    ResponderExcluir
  4. Eu sou a 120 seguidora!
    De nada, haha...
    Seguindo, segue de volta?
    www.this-is-everything-blog.blogspot.com

    ResponderExcluir
  5. Acho que você quis dizer navbar, pois sidebar é a barra que fica do lado do blog, navbar que é a de cima do cabeçalho.

    Bjs, Rafa
    http://rafadeoliveira-tudosobrequalquercoisa.blogspot.com/

    ResponderExcluir

Todos os comentários serão respondidos. Obrigada e volte sempre! ✌ ♥