Bem vamos começar criando ele em um programa adequado e fácil de manipular.
Como por exemplo o Fireworks se você não tiver.
Baixe ele aqui :
Download Fireworks MX 2004 Clique na imagem para amplia-la

1º -Vamos abrir o fireworks,lá em file abrir uma nova (new) então uma nova imagem de tamanho 779 x 600 (este é o tamanho que uso para fezer lay) mais se preferir pegar um wallpaper por exemplo que tem o tamanho de 800x600 e trabalhar nele tudo bem.

Eu fiz upload de uma imagem que salvei em meu computador para fazer o lay.
Usei o conta gotas para usar as mesmas cores da imagem para combinar, como mostra a imagem.
Como você poderá verificar na imagem fui trabalhando com as formas disponiveis no fireworks para tá fazendo meu lay.
Usei o conta gotas para usar as mesmas cores da imagem para combinar, como mostra a imagem.
Como você poderá verificar na imagem fui trabalhando com as formas disponiveis no fireworks para tá fazendo meu lay.

2º Depois do lay pronto você vai lá em exportar preview e salva como gif depois de salva em seu computador, você vai lá e abre a imagem do seu lay novamente no fireworks para recortar a linha como na imagem, Voce de preferencia vai lá no meio onde esta os posts e perfil e recorta um pedaço como disse para fazer a linha, ctrl+C você copia o pedaço abre new em file e cola esse pedaço que você acabou de copiar e vai abrir com o tamanho exato do pedaço copiado, e ai você salva como gif no mesmo processo do lay.( observe que no fireworks você precisa encaixar a imagem direitinho para não sobrar se não dá dieferença) procure vizualizar em 50% que dá para ver a imagem toda na tela.

3º o Lay ficou assim imagem acima:( refiro-me a ele como topo ainda)

Agora depois do topo e a linha pronto você vai posta-lo em seu hosting as imagens, pega os endereços das imagens e coloca nos lugares indicados nos códigos se for no blogger, blogspot, etc, você posta sem publicar e só pega o endereço.
Agora Vamos as medidas do Lay:
Como mostra na imagem acima você vai pegar uma linha no fireworks apenas para tá colhern as medidas e verificando abaixo no mesmo onde tem W que indica largura de qualquer forma no fw e o H que indica altura.
Essas tags abaixo você encontrarar nos códigos do seu HTML que poderá ser as medidas do perfil ou dos posts.
<div id="Layer1" style= "position:absolute; left:127px; top:410px; width:174px; height:68px;">
O left é a distância até o perfil ou os posts
top é a distância do topo.
width é o tamanho do perfil ou posts.
Quanto aos códigos Html para tá explicando passo a passo ficaria muito extenso o tutorial, então eu darei os códigos prontos para todos os provedores que faço lay.
As primeiras medidas que se encontram nos códigos referem-se ao perfil, e as ultimas aos posts ok!
Agora Vamos as medidas do Lay:
Como mostra na imagem acima você vai pegar uma linha no fireworks apenas para tá colhern as medidas e verificando abaixo no mesmo onde tem W que indica largura de qualquer forma no fw e o H que indica altura.
Essas tags abaixo você encontrarar nos códigos do seu HTML que poderá ser as medidas do perfil ou dos posts.
<div id="Layer1" style= "position:absolute; left:127px; top:410px; width:174px; height:68px;">
O left é a distância até o perfil ou os posts
top é a distância do topo.
width é o tamanho do perfil ou posts.
Quanto aos códigos Html para tá explicando passo a passo ficaria muito extenso o tutorial, então eu darei os códigos prontos para todos os provedores que faço lay.
As primeiras medidas que se encontram nos códigos referem-se ao perfil, e as ultimas aos posts ok!
Faça download dos códigos do provedor desejado abaixo:










60 comentários:
Oi Lecaa, adorei seu cantinho, suas dicas e tutos são excelentes...mas me perdi um poquinho
pra fazer meu template pelo fireworks...Bjs
Obrigada
Oii, nossa vlw mesmo pelas dicas, adoro o seu blog... inclusive peguei o template do Crepusculo que vc fez, que achei demais!!!
Só que preciso saber como eu faço um banner para colocar no meu blog!
Só que não encontro dicas que expliquem bem em nenhum lugar!
Se vc puder me ajudar,
beijos...
Lecca, socorro!
Segui passo a passo as suas dicas para
fazer meu template. Beleza...
na hora de colocar no meu blog, deu mó
problema e não consigo concertar..
(quetristenão?)
Por favor, me ajuda? ''(
Lecaaa, o código html para blogspot tá dando erro! "Mensagem de erro em XML: White spaces are required between publicId and systemId."
Eu só fiz as alterações de imagem e distância =/
Os códigos para blogspot são para o clássico por isso está dando erro.
nooossa lecca, seu blog eh mtu legal mas,
o lay de cerpusculo quando está no meu blog so aparece o titulo : >TÌTULO DO BLOG <
como faço pra por um título personalizado???
manda a resposta para o meu email(mandocabela@hotmail.com) e eu ficarei muito agradecida!!!!!!
b-jus!!!!!!!!!!!
Olá Lecca
Adorei o tuto!
Mais o link para as tags dos blogs tá quebrado!
Me avise quando repor!
Oi Lecca, pode me passar um link atualizado do download do HTML do I Power Blogger, é que quando tento pegar o download do link que você postou, mostra que não está mais disponivel, se puder postar fico muito grata. Obrigaa desde já.
oi adorei seu blog
por favor me ajude nao to conseguindo colokar no meu blog o lay entao se der me explique melhor pelo msn
jonasbrothers_66@hotmail.com
oi pelo chat do meu blog
5conectadas.blogspot.com
bjaoooooooo
Muito bom esse sou blog se quiser passar no meu blog atualizei ele hoje...
Oi lecca,
nao consigo baixar os codigos para blogger
da erro
qdo arrumar me avise
ou passe pra mim por email
victor_m_gc@hotmail.com
bjux
Olá, Olha eu já fiz meu LAYOUT! fatiei ele, passei para o DW, onde fica o código e tals. Puis links, e tals. Ai na hora de por no blogspot apareçe que não tem nenhum skins :( sabe outro site q da certo prta postar?
Lecca, quando posto o codigo apareçe q tem q ter um skins no modelo no entanto tem 0
lecca minha lind, vou seguir tuas dicas e quam sabe eu fico craque tb!
Muito bom seu blog.
Parabéns
Leca
Gostei muito do seu blog e coloquei seu link lá no meu www.hojediademenina.blogspot.com
Bjs
nossa, é dificil ver garotas bonitas que tem talento na internet, mais vc tem um dom :D
sou seu fã xD
Oi lecca, eu não estou conseguindo por cor no fundo.
Me ajude por favor.
Obrigada ;D
Por favor me mande uma respostar por e-mail ou me explique melhor por msn
mary.zitta@hotmail.com
desde já agradeço.
E olha, seu blog é muito bom, muitas dicas úteis ;D
gosteii... mas naum seii como pegar o html se vc puder me ajudar... vlw
ATT ai todos, o formato que o blogspot acc é o .xml, não adianta fazer o template e salvar em outro formato pq não vai funcionar e outra, dica pra vc lecca, quando vc postar tutoriais, coloque todos os prints possiveis e se der ate uma video aula, abraço!
Também pode fazer no Dreamweaver e no Photoshop?
Oi lecca! olha tenho um probleminha com meu lay, pq a area dos posts é muito pequeno, e quando eu posto as fotos fica numa qualidade horrivel, e se eu aumento a imagem la fica pior ainda. queria saber como faço pra aumentar a area dos posts. Se puder me ajudar agradeço muiiito. bjss!! e obrigada
http://mary-cherrybomb.blogspot.com/
Olá Lecca, tudo bem?
Amei o seu blog, e com o seu tutorial tentarei personalizar o meu e espero conseguir.
Gostaria de aproveitar a oportunidade de perguntar de vc é TJ. Quase toda a minha familia é TJ.
Obrigada pelo tutorial.
beijos carinhosos
Reginna
www.presentespersonalizados.jimdo.com
e-mail: reginna.ribeiro@gmail.com
Leca Tah Otimo O Seu Blog
eu queria saber qual é o código do blogspot, tem de todos ai mais n tem do blogspot e eu ja fiz os negocios no fireworks mais nao sei mais oque fazer
eu baixaei o codigo mais ñ tem nada
Lecca, como faz para exportar imagem???
Tem MSN???
Add: lari.cris_lalinha@hotmail.com
Add pra me ajudar por favor...
Lecca
Se eu implorar vx faz pra mim???
Lecca me add no MSn. Ja passei pra vc. Só assim pra eu poder fazer meu template "/
Lecca Me Desculpa Mais Eu Não Entendi Nada porque isso é novo pra mim!
Me desculpe mas não gostei desse tópico , não entendi nada , nada mesmo . Acho que é porquê isso é novo para mim
caramba naum entendi nada , eu tentei mas o fireworks é meio doido ...
Oi eu nao consegui fazer é mto dificil! nossa eu queria que vc me explicasse mais direitinho eu nao consegui fazer nada
Nossssaaaaaaaaa! Super d+ ao chegar no seu nível de personalização estarei pronto para entrar no ramo da divulgação...
Parabénnssss!!!!
Bênçãos Lecca ! Vivemos para servir, então tenho www.notasversejadas.blogspot.com- sou uma negação em sibernética, quero mudar o templete, e aqui estou tentando, mas é dificil para essa poetisa leiga e preciso de ajuda. dethguerreiro@hotmail.com, se puder me ajude...
Meu compromisso é com a palavra meu instrumento é o amor, e sei que a aparência do bloger comove. Beijinhos Deth Haak " A Poetisa dos Ventos"
olha é assim eu fiz tudo mais os meus post sairão do lugar (meu nome é yasmin batista) http://bbflogme.zip.net/ esse é o meu blog é este que ta com o probleminha
OI...Adorei as suas dicas, mas num consegui não...Vou continuar tentando...e quando consegui te aviso tah...Vou te seguir...
Ola Lecca, sou RICARDO RJBR
Uso o Linux, pois não consigo utilizar o Fireworks, gostaria de saber se só existe algum outro programa para o Linux, ou se já existe templates com 2,3,4 colunas prontas no seu blog ou em outro site?
Por favor se souber me avise por favor, ok!
bjs e abçs e fiq na paxxx.;;;
www.cidadaosa.zip.net
olá Lecca, sou RICARDO RJBR novamente!
Se vc não gosta de responder usuários anônimos, desative esta opção então po!
obrigado e bjs e abçs;
fui.....
www.cidadaosa.zip.net
olá leca, como monto meu código html? Tô com dificuldade, poderia fazer um tutorial explicando como faz...
pra falar a verdade ainda prefiro uma video aula do que assim explicando por foto desculpa ai Lecca mais não entendi muita coisa não táh mais obg por ter tentado encinar auguma coisa de útil,ei posta umas video aula ai pow fica bem melhor explicado pois tou a muito tempo tentando colocar meu template criado no fireworks no meu blogger mais não consigo faz video aula que é melhor,da pra entender melhor,ei se vc penssar em faser realmente a video aula coloca ai como coloca o template no blogger depois de criado desde ja sou grato!!
você não explciou a parte de cima do lay tipo dividir : postagens e meu perfil :(
Não consegui fazer,o meu é em portugues e tem mais ferramentas
Adorei as dicas e vou tentar fazer sim,
E aproveito deixo aki meu convite para conhecer o Blog http://pepperbijux.blogspot.com
Vejo você por lá!!
Colega preciso da sua ajuda, vc poderia me fazer um templante da atriz Lua Blanco? Adorei o modelo do seu templante da Hanna Montana. O que vc precisar pode falar comigo, meu contato é @UniaoBlanco ou @VanessynhaB espero que me ajude. Obrigado!
Oi Lecca eu amei seu blog
Mas to cm uma duvida;esse tal''fireworks'' tem q pagar?
por favor me responda o mais rapido possivel pq se tiver q pagar eu vou desinstalar o programa
Faz uma visitinha la no meu blog pf:http://crio-blogs.blogspot.com
obg
bjs
Oi lecca sou eu mais uma vez
consegui fazer o template deu serto ai eu fui futucando lá e achei um lugar onde vc cria o codigo html
mas só q na hora de encerir no blog deu erro e eu tive q fazer outro blog ai ficou a maio doidera
me agude como faço p conseguir o codido html da imagem?
BjS...
Oii parabéns, muito bom seu tutorial. Mais faz 1 ano que tenho essa dúvida: Depois de fazer o design tudo, customizar e talz, como eu faço pra instalar o layout feito no blogger?
Obrigado.
Amei tudo aqui visita meu blog?http://grilsfashionstars.blogspot.com/
Não estou conseguindo cortar a imagem.Por Favor minha ajude!!!!!!!!!!!!!
PORRA
se é pra fazer um tuto, faz direito né minha filha?
Genteeeeeeeee nem acreditooooooooooooo eu ovu criar o meu propio template *o*
Oi,eu queria saber como você fez o seu que é realmente muito bom e profissional,pode faser um tuto# de como o fase-lo?
Beijos da Luísa!>>>Lufashionteen.blogspot.com
ae coloquei seu banner no meu blog
vagnerhotdowns.blogspot.com
Coloquem uma url no header vcs tem que hospedar as imagens do template e colocalas no blog assim e mais facil ou então vcs tem que aprender xml
Oi Lecca, olha eu amo seu blog e tbm tento usar seus templates mas nao dá .. fala lá quem tem q ver se esta corretamente todos os xmls .. eu nao entendii
Voçe aceita encomenda para fazer templates com tema de maquiagem? responde p meu email, quero muitooo layza.sales@hotmail.com. bjoo
oi amei seu blog,já sou sua seguidora,bjsssssss
Postar um comentário
::Pessoal gosto de responder aos comentários, porém quando não houver identificação, não responderei a perguntas de anônimos::