17 de abr de 2012

# MegaTutorial: Montando/personalizando o um template do Blogger.


meus lindos. só meus, inclusive o Harry, 1D FOREVER.
Então minhas gelatinas de coco(um acento e daria merda), eu vou ensinar você a personalizarem os templates do Blogger, tipo, é simples, fácil e rápido, mas tem que prestar atenção, é complicado para quem não tem conhecimento com HTML nem CSS.

O primeiro passo é escolher o seu modelo( Uso o Travel), e ajustar as larguras deste jeito:
Clique para Ampliar

Caso queria personalizar agora os Background, a cor da fonte e pá, faça, caso já tenha feito salve e vá pro HTML.


Uma coisa muito comum nos templates principalmente, é junter a barra lateral(sidebar) com a das postagens, para fazer isso basta procurar por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
E apague as partes em vermelho:
clique e amplie



Bom, agora antes de salvar visualize, caso esteja do seu agrado salve.
Outra coisa legal, é as bordas arredondadas, eu montei um código para vocês, é só procurar por:
main-inner .fauxcolumn-right-outer .fauxcolumn-inner {      (side direita).main-inner .fauxcolumn-left-outer .fauxcolumn-inner {        (side esquerda)
Quando achar cole o código abaixo, em baixo dos códigos.

-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; 

Visualize e salve!

Muitos blog também sobem um pouco a side, caso queria procure por:
.main-inner .column-left-outer {    -  barra lateral  esquerda.main-inner .column-right-outer {   -  barra lateral direita 

Quando achar cole o código abaixo cole antes da chave ( } )
margin-top: -150px;  
E novamente procure por:
.main-inner .fauxcolumn-left-outer {   - sidebar esquerda.main-inner .fauxcolumn-right-outer {    -sidebar direita 

Antes da chave, cole:
margin-top: -150px; 

Quer substituir postar comentário por uma imagem? Clica
Quer trocar o continue lendo por uma imagem? Clica
Antes, Home, Ee Depois com imagens, quer? Clica
Efeito rainbow nos links? Clica
Efeito opacidade? Clica
Título do post centralizado? Clica
Menu hover? Clica, clica, clica e clica.

Quer ver mais tutoriais? Clique na tag de tutoriais e faça um  que te agrade!
Se usar algum tutorial, por favo, credite.

Um comentário:

Giovanna disse...

Oi amore, amei seu blog ! Você comentou pedindo afiliação mas e só pra blogs com mais de 100 seguidores =/

Mas já estou seguindo aqui, segue de volta?

Beijos e sucesso aqui :)
blogcandysweet.blogspot.com