terça-feira, 31 de janeiro de 2012

tutorial-como fazer um layout completo cute

                         Tumblr_lykx90cqkr1r5j04ho1_500_large
                                                                 Ei,girls tudo bem?
hoje,vou encinar a ,fazer o blog perfeito quase perfeito,pois não sou especialista em html ,hoje não sei se vou poder encinar tudo,mas se não conseguir posto outro dia quando puder entrar no blog!
bom,vou incinar a fazer um blog cute!bem,cute,swett e fofo,ao mesmo tempo!apesar de ser a mesma merda.

bom,primeiro você precisa criar uma conta no blogger se vc não tiver!
ai,crie um blog nessa conta,e escolha um nome!
Trash cuteTrash fashiongarotas atrevidaso blog da (seu nome aqui)
depois,disso feito vamos personalizar!
vc,precisa de uma barra ou duas,bom se for duas eu tenho uma que eu uso e personalizo,para mudar de cor e tals!

essa,é a minha não reblogue e não use!só se mudar de cor!
para,colocar essa va em design->design do modelo->ajustar larguras.
bote em 400 pixels

e escolha um desses!

salve e pronto,clik em voltar pra blogger e ai vc clica em editar html.
e aperte Ctrl+f e vai aparecer uma caixinha,se vc escolheu o lado direito pesquise por:


.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {


se,escolheu o lado esquerdo pesquise por:


.main-inner.fauxcolumn-left-outer .fauxcolumn-inner {


vai aparecer assim:



.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
substituia a parte em roxo por esse código abaixo.

background: url("url da sua imagem aqui") repeat;
onde esta escrito url da imagem ,copie o código da barra e cole!
visualize se deu certo e salve! :)
pronto essa,parte esta pronta!
arrume,umas coisas que são super faceis por exemplo:
seleção de texto colorida(ja dei o tuto),gif no titulo do post,imagem no leia mais,cabeçalho,setinha para voltar ao topo e tals.
bom,vou ver se da para colocar esses tutoriais agora!
primeiro leia mais:

para colocar a imagem,vc tem que ter a imagem ou fazer!
vc,acha em varios blogs leia mais.
então,va em design->editar html marque a caixinha (expandir modelos de widgets)
aperte ctrl+f e pesquise por:

<data:post.jumpText/>
apague o codigo e substitua por:<p align='right'><a expr:href='data:post.url'><img src='URL DA IMAGEM'/></a></p>
onde,esta escrito url da imagem cole o url da imagem de "lei mais" ou "continue lendo".
visualize,salve e prontinho!
agora,vou dizer o que vc precisa para fazer um cabeçalho:
1-photoscape e photofiltre e photofiltre studio.2-bases para cabeçalho,que vc vai apagar!3-imagens,para cabeçalho,bonequinhas,mini gifs e pngs e tals.4-paciencia e calma.
para baixar um desses progamas,escreva (baixaki photfiltre ou baixaki photoscape)
esses dois progamas eu uso!
e,se quiser pngs é só entrar na pagina (pngs)la,tem alguns ok?
bases para cabeçalho:







tods foram feitos pela larissa do idug.amanha ou outro dia que tiver tempo posto o resto,do tutorial de como fazer um layout cute ainda não terminou como é cute,não use esse cabeçalhos só para base.bjs

5 comentários:

  1. Obrigada por deixar os créditos! Já recebi o comentário, continuará o cabeçalho e o link-me, certo? Mas não posso encher o cabeçalho com muitos PNG's, senão não poderei colocar fundo transparente.

    ResponderEliminar
  2. sim,mas como não da vc não deixa os cabeçalhos trasnparente no photofitre?vc deiza só as imagens brancas trasnparentes!

    ResponderEliminar
  3. lindo seu blog !! ja estou seguindo, se gue de volta? >_<
    http://afterinfinite.blogspot.com/

    ResponderEliminar
  4. Oi flor, simplesmente adorei seu blog!
    Ja to seguindo, segue de volta?
    bjuus!

    www.blogdasbff-geenic.blogspot.com

    ResponderEliminar