25.8.11

Coluna de duas cores aprenda!

Mdegkaqrlf7nula4aa_large

Sabe esta minha coluna colorida pois é, hoje irei ensinar como fazer esta coluna é muito fácil então clique no leia mais ai em baixo!



Primeiro passo:
Vá em design depois designer do modelo e em layout, la ira aparecer os modelos que você quer escolha a terceira de baixo ou de cima como mostra na imagem:

Depois clique em aplicar ao blog.

Segundo passo:
Agora clica em ajustar larguras, em cima tem a todo blog esta ai do tamanho que você quiser, em baixo tem a  barra lateral (direita ou esquerda depende da que você escolheu) olha a imagem:

E novamente clique em aplicar ao blog.

Terceiro passo:
Agora você precisa de uma imagem para usar bom eu fiz uma para vocês do tamanho de 400px ao total, mais cada lado ou cada cor tem 200px se você quiser fazer de 500px pode ai tem que ser 250px para cada cor e assim vai, fiz esta ai em baixo se quiser usar fique a vontade se quiser trocar a cor também pode:

Se você trocar a cor, então precisa hospedar a imagem em algum site pode ser no blogger mesmo por que é só para você pegar o URL da imagem ou no Imageshack ou Photobucket ou qualquer outro site como eu disse é só para você pegar o URL da imagem.

Quarto passo:
Vá em design e depois em Editar HTML e dê com Ctrl+f.
Se você escolheu a coluna do lado direito então procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se você escolheu a coluna do lado esquerdo então procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Então ira aparecer isso:
 .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {margin-right: $(content.padding);background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;} 
Então substitua a parte toda de vermelho por isso:
background: url("URL DA IMAGEM") repeat;
Depois visualize, mais olha por favor primeiro salve uma copia do seu HTML antes de altera-la OK, para depois se por acaso der errado você tem a copia de seu HTML! FICA A DICA!

Créditos ai blog Garota Descolada!

3 comentários:

  1. Eu ja vi esse tutorial, vai ser de bom uso pra minha reforma!!

    http://www.blogadole.blogspot.com/

    ResponderExcluir
  2. aceita afiliação? avisa em meu blog (:

    ResponderExcluir
  3. pronto, ja te coloquei. http://placee-teen.blogspot.com/

    ResponderExcluir

Bom se você comentar aqui por favor fale da postagem e se você seguir avise-me que esta seguindo mais por favor fale da postagem, comentários como "seguindo, segue de volta" serão totalmente ignorados, comentários ofensivos a mim ou a qualquer outro blog sera excluído e ignorado, obrigado pela atenção.
Blog II *u*
RAWR Jhessy

Alguns emotions para você usar:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡

Related Posts Plugin for WordPress, Blogger...