12 de ago de 2012

Como criar um Layout - Parte 03


Essa parte é uma das mais importantes, pois é onde os seus leitores mais olham. 
No caso da sidebar, é onde mais irão perceber. Afinal é lá que ficam quase todos os Gadgets! 

Parte 03 - Sidebar e Postagem


Sidebar

Vá em Layout e perceba que alguns Gadgets estão lado-a-lado, formando duas colunas.


Alinhe todos um abaixo do outro como na imagem abaixo.


Clique em Salvar organização, vá em Modelo e depois em Editar HTML


Clique em Prosseguir. Aperte CTRL+F e procure por:
<Variable name="widget.outer.background.color"
Depois de encontrado localize a area: 
value="#ffffff"/>
E apague #ffffff.

A sidebar e os Gadgets vão ficar com o fundo transparente.
agora, escolha um dos tipos prontos de Gadgets abaixo e cole antes de ]]></b:skin>









Postagem

Procure por 
h3.post-title { 
e logo depois cole:
border-bottom: 1px dotted #ccc;
proucure por:
.main-inner h2.date-header {
 e logo acima, cole esse código feito pela giza do Candylland:


Se ficar com o formato estranho vá em Configurações >> Idioma e Formatação
depois em 
Formato da data  e escolha algo parecido com isso 
12 agosto 2012

Visualize e salve!
É isso ae pessoal.

Parte 01 - Base | Parte 02 - Header | Parte 03 - Sidebar e Postagem | Parte 04 - Footer e Adicionais

8 comentários:

  1. a sidebar e a área de postagem são lugares importantes em um lay! as dicas são ótimas!
    ja ta na parte 03 né? tenho que ver desde a primeira u-u
    seu lay é muito bem organizado e editado.. curti a idéia de vc querer ensinar os leitores como fazer um lay bacana!

    Big Beijo!
    http://blogportalteen.blogspot.com

    ResponderExcluir
  2. Júlia, Eu não peguei, eu apenas divulguei o que achei legal que as pessoas tivessem no seu blog! Além do mais, eu deixei todos os créditos à ela! Mas, para todo caso, vou perguntar para a Giza se tem algum problema! Se tiver, eu mesmo faço um estilo de data! U.U
    --
    Poisé Barbara são mesmo muito importantes. Muito obrigado pela visita e pelo comentário. :D

    ResponderExcluir
  3. ooi mate, vim aqui agradecer pelo carinho e o comentário no meu blog, vc que tem o seu deve saber como é chato receber aqueles comentários que parecem que a pessoa nem olhou direito o blog e tá comentando rs então quando eu vejo um igual o seu fico super feliz, obrigada de verdade! *-*

    ResponderExcluir
  4. Ah, Que nada, Seu blog é lindo. :3
    Realmente é muito chato. De vez em quando eu tenho vontade de excluir alguns! HAUSHUA
    De nada. Até mais :)

    ResponderExcluir
  5. Gostei das dicas ai e tal, eu quase me matei pra fazer o meu sozinha hioshaois

    http://velvetnleather.blogspot.com - Tutoriais Alternativos

    ResponderExcluir
  6. Amei a aula 01, 02 e 03, você ensina muito bem!
    Que layout lindo, perfeito *---*
    Seguindo aqui, dá uma passadinha no meu se gostar segue!
    beeeijos!
    blog-sassygirl.blogspot.com

    ResponderExcluir
  7. Vlw Hellion!
    Comigo foi a mesma coisa da primeira vez. AHUSHAU
    -
    Muito obrigado! :D
    Eu olhei o seu blog, ele está muito legal. Estou seguindo tbm! :)

    ResponderExcluir