quarta-feira, 28 de setembro de 2011

Criando um blog fofo ♥

Hoy gente!!   , tive uma ótima idéia e acho que vocês vão curtir , eu vou fazer três ou dois tutoriais  ( dependendo dos resultados desse ) ensinando quem ainda tem dificuldade a personalizar um blog , o estilo de hoje é o blog kawaii ,aquele todo fofinho , serão passos curtos e vou tentar explicar o melhor possível.




INDICO QUE CLIQUEM NAS IMAGENS PARA VÊ-LAS EM TAMANHO REAL E MELHOR :)

Quer um blog fofo ? então mãos a obra!


PRIMEIRO , abra o bloco de notas , vá na página do seu html , clique nele com o botão direito do mouse , vá em selecionar tudo , copie e cole no bloco de notas , ou então salve o modelo dele no seu pc , caso dê algo errado é só pegar o código original e colocar de volta.LEMBRE de sempre visualizar para salvar certo?
Certo mesmo ? então vamos la!

Segundo vamos escolher um modelo de template legal para se trabalhar , vá em Design >Design do modelo.



Ao carregar a página temos um menu à direita com a opção de Modelos ( são os tipos de template que você vai usar ) então vamos escolher um dos melhores para se trabalhar , vá na última categoria que é a ''Viagem'' e escolha o Travel ( que tem a cor azul e branco ) como mostra na imagem abaixo 


Bom feito isso não se assuste com as cores dele nem com nada , vamos começar o processo de personalizar ele , no menu da direita clique em plano de fundo , e depois clique em remover imagem:


Feito isso ele vai ficar com o fundo todo azul , não ligue ,  agora vá em Ajustar Larguras e deixe a primeira em 990 e a da barra lateral 313 ( Este tutorial é para apenas uma coluna , e as medidas vão influenciar em outros passos do tutorial caso não deixe como indico o tutorial não terá utilidade alguma :3 )


Logo em seguida vamos a Layout , e escolhemos um de apenas duas colunas , tanto faz ser com a coluna dos gadgets  no lado esquerdo ou direito o que importa é ser de apenas duas colunas:


Bom agora vamos para a opção avançado , antes de editar o texto do blog , vá na categoriaplanos de fundo , (pois você depois vai escolher uma fonte que combine e na cor certa ) e deixe assim :



Próximo passo:


Logo em seguida vá na categoria Plano de fundo da postagem , e deixe na cor branco

Próximo passo :


Agora vamos voltar para a primeira opção que é Texto da página ,  que é a cor , fonte e tamanho do texto que estará em suas postagens , tenha bastante bom senso ao escolher , confira o post sobre deixar as postagens organizadas caso tenha dúvidas.

Dica para a cor da fonte : Blogs kawaii devem ter fontes em tom pastel , sabe? clarinhas em tom cinza mais clarinho , rosado ... evite deixá-las muito claras , pois alguns computadores tem o contraste muito forte e pode deixar um deixar um leitor cego ( maneira de falar , calma ), ou com dor de cabeça .Eu indico estas cores para a fonte :

( Copie código por código sem a vírgula e pá testando até encontra a que mais gostar , lembre dela combinar com o plano de fundo que escolheu ok ? )

#8a8686 , #a18d81 , #9d9088 , #bb9ea7 , 

Próximo passo:


Agora vá na opção Plano de fundo da barra lateral , que no caso o nome já diz tudo né hehehe ,deixe a cor da moldura transparente , e escolha uma das cores ( dos códigos abaixo ) e coloque no espaço da cor para o plano de fundo.

#d2cce5, #f4d5db, #f2d4b5, #f0dcc8

Feito isso decida se vai deixar a barra das páginas , acima do layout ou na barra lateral , se for deixar a barra  escolha uma das cores abaixo para ela :

Se para a barra lateral você escolheu :

Laranja coloque : #d9d2e9
Roxo coloque    : #d6c8ba
Rosa coloque : #c8d3dd
Azul coloque : #dacec1

Tem também a opção de cor quando está selecionada , escolha a cor que quiser ( Amém Candy! )

Ainda na opção avançado , vá em título do blog , e deixe o tamanho da fonte em 0 pixels e a cor deixe transparente .Assim :


A fonte não faz diferença , pronto até aqui eu não preciso mais aconselhar , você termina de editar o que falta no caso , o título da postagem e a cor dele, cor do link da barra lateral , cor e fonte das guias que é no caso a barra de páginas , Links , e o resto , lembrando de não tirar as cores nos locais que indiquei .Quando terminar , salve!

Agora vamos personalizar o template através do html 

Primeiro vamos tirar os espaços do layout, ou seja , juntar a barra lateral nas postagem e se no caso você deixou a barra de páginas , fazer o mesmo com ela.Para juntar a barra lateral com a das postagens basta você ir em design > editar html pressione as teclas Ctrl + F e procure por :

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

Quando ela encontrar , apague as partes indicadas em vermelho na imagem abaixo : 


Visualize , e veja se a barra lateral juntou , tem 2 % de dar errado , então vamos prosseguir vamos juntar então o header , ( imagem principal e barra de páginas ) com o resto do layout ,  
veja como fazer isso neste tutorial.

Tudo ok , salve o modelo ( claro se tudo tiver dado certo )

Agora , vamos retirar essa borda feia do template :


Para isso vá no tutorial de Retirar a borda dos templates Viagem

Eaí retirou ? ( creio que sim ) 

Agora vamos personalizar os comentários , para isto veja o tutorial de 

Vamos tirar o B do blogger da barra de navegação? aprenda isso no tutorial de Mudar o favicon do blog
fica bem mais bonitinho não é mesmo ? 

Que tal um background bem fofinho ? Aprenda no tutorial Mudar o background do blogger 

Agora vem uma das partes boas desse tutorial , sabem que a moda agora é templante com a borda arredondada não é ? não conseguiu fazer ainda? então hoje conseguirá , isso é pra quem usou as medidas do template do jeito que eu falei no começo do tutorial , pois vai servir direitinho, eu criei as imagem do cabeçalho para vocês , e vocês só irão terminar de personalizar como quiserem , e colocar no blog , e criei uma para cada cor da barra lateral que falei , Laranja, rosa , roxo e azul .Salve o da cor que você escolheu em seu pc.

Aqui estão :


Agora você edita ele , e termina assim seu template personalizado kawaii , claro que ele vai ficar mais fofo de acordo com o background que você colocou ,( ah eu fiz uns posts com imagens kawaii  VEJA ), e com a imagem que vai editar , e claro você pode colocar mais coisas , veja todos os tutoriais que o Trechy Teen possui na página de Goodies e faça seu blog ficar melhor ainda.

Quem desenrola mais pode usar outras cores na barra lateral , só que depois tem que mudar a cor da barra nas bases de cabeçalho que fiz , e pode também editar o formato , depende de vocês.Fiz assim pois tem gente que não entende muito .O tema era é kawaii mas você pode usar outras cores certo ? é só para dar uma idéia de como vocês podem fazer.

Bom gente espero que tenha dado tudo certo , e que tenham gostado ,ah e claro quando terminarem ( quem for fazer ) me convida pra conferir tá ? bye bye!

sábado, 10 de setembro de 2011

gifs

Hoy, gentee,rs'

Como sempre tinha vontade de fazer uma página de Goodies, e sempre via os outros blog e achava legal.. Decidi criar uma para o CG.
Toh arecem começando, mas ainda vou postar mais,
E o primeiro post da página é de mini gifs kawaii..
Alguns eu fiz e os outros achei garimpando no DevianART.