Oi :3
Esse de fato é o primeiro post de 2014 :3 , eu tava com vontade de postar alguma coisa, e eu também estava fazendo um layout free que já está pronto mas eu não pretendo disponibilizar agora , aí eu tive a ideia de fazer um tutorial sobre como fazer um layout simples >< , e vamos logo ao tutorial por que esse inicio de post ficou horrível . Clica em Leia Mais por que esse post vai ser longo ..
1° passo - Modelo > Personalizar > Escolha o modelo Travel ( Viagem ) .
Mude o fundo da área de postagem e salve .
2 ° Passo : Retirar as bordinhas de folha de papel .
Modelo > Editar HTML > CTRL + F .
Procure por :
.content-outer .content-cap-top {
Agora apague SOMENTE O QUE ESTÁ DESTACADO .
Seu blog vai ficar assim :
Agora vamos juntar a sidebar com a área de postagem , eu não acho isso muito legal mas a maioria das pessoas acham , então , procure por :
E apague SÓ O QUE ESTÁ DESTACADO ..main-inner .column-right-inner {
Visualize antes de salvar pra ver se está tudo certo . Agora vamos colocar o background no blog .
Modelo > Personalizar > Plano de Fundo .
Depois do background vamos colocar o cabeçalho .
Layout > Cabeçalho .
Seu blog vai ficar assim :
Já tá começando a ficar bonito :3
Mas como dá pra perceber o cabeçalho tá meio desalinhado .
Então vamos centralizar o cabeçalho .
Modelo > Editar HTML > CTRL + F , Procure por :
Antes desse código coloque <center> e depois desse código coloque </center> . E pronto , seu cabeçalho deve ficar assim :<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
Agora sim tá ótimo . Mas ainda tem essa navbar horrível aí no topo .
Pra tirar vai em Layout > Navbar >
Pronto :3
Agora vamos centralizar o titulo dos posts e dos gadgets .
Primeiro vamos centralizar o titulo dos gadgets .
Vai é Modelo > Editar HTML e procura por :
.sidebar .widget h2 {Abaixo desse código cole :
text-align: center;
Vai ficar assim :
Agora vamos centralizar o titulo do post .
Procure por :
h3.post-title {E abaixo desse código cole :
text-align: center;Vai ficar assim :
Pra finalizar, vamos colocar imagem no fundo dos comentários :3 ( não sei por que mas essa é a minha parte favorita , HSUAHSAUHSAUHSAU ) .
Procurem por :
#comments {
Novamente, substitua o que está grifado de rosa por :
Substitua o " link da imagem de fundo " pelo link da imagem que você quer colocar no fundo e depois salve .background: url(link da imagem de fundo) repeat;
Vai ficar assim :
E o layout ficou assim :
Então foi isso gente >< espero que vocês tenham conseguido fazer tudo direitinho, é , eu sei que eu não sou lá muito boa explicando coisas pras pessoas mas eu tentei fazer o melhor que eu pude, eu vou deixar aqui embaixo alguns links pra vocês deixarem o layout de vocês ainda mais fofo .
Beijos ;* ;* ;*
Até a próxima :3
Efeito Fade nos links + Menu Simples + Blockquote Personalizado + Comentários Numerados + Leia Mais com imagem + Seleção Colorida + Barra de Rolagem Colorida + Slide Simples .
Tutorial bem legal serve como base,adorei o novo layout bem cute!
ResponderExcluirBeijo
6adolescentes.blogspot.com
É , que bom que gostou *-*
ExcluirBeeijos ;*
Adoreeeei ! Vai ajudar mt gnt ;)
ResponderExcluirFeeeliz anoo novoo ! Que 2014 traga tds os sorrisos que 2013 nos roubou !
vivendoforadeserie.blogspot.com
Curte?
https://www.facebook.com/pages/Vivendo-Fora-de-S%C3%A9rie/597833180254121
Feliz ano novo Gabi :3 , já curti .
ExcluirBeeeijos ;*
Oii querida , Tudo bem ? Espero que sim , muito bom a ajuda que você deu as vezes cansa a gente só pegar templates , templates e mais templates , Obrigado , você Pode visitar meu blog ?
ResponderExcluirBeijocas Isa !
http://cinderelaerefinada.blogspot.com.br/
Ah , que bom que foi útil . Já visitei :3
ExcluirBeijos ;*
Oi tudo bem com você? espero que sim! Bom eu queria perguntar se você aceita afiliação?
ResponderExcluirBeijos adorei o blog ele é lindo !
http://fofurasdegarotas.blogspot.com.br/
Awwwwwwwwwn *-*
ExcluirObrigada :3 , já te coloquei aqui .
Beijos ;*
Oi vim avisar que estou seguindo! Segue se gostar http://fofurasdegarotas.blogspot.com.br/
ResponderExcluirOk , tô seguindo :v
Excluir