Feeds RSS
Feeds RSS

Fazendo seu template personalizado:

60 comentários
Como fazer seu próprio template?
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.






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!



Faça download dos códigos do provedor desejado abaixo:


clique e faça download clique e faça downloadClique e faça downloadclique e faça download

Clique e faça download

60 comentários:

Márcia Lima disse...

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

Bárbara disse...

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...

Aline disse...

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? ''(

GLaucinha disse...

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 =/

Lecca disse...

Os códigos para blogspot são para o clássico por isso está dando erro.

Paula disse...

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!!!!!!!!!!!

Disney Roll disse...

Olá Lecca
Adorei o tuto!
Mais o link para as tags dos blogs tá quebrado!
Me avise quando repor!

Amanda disse...

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á.

DI@RIO D@S ESTREL@ disse...

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

Musicas Gospel disse...

Muito bom esse sou blog se quiser passar no meu blog atualizei ele hoje...

V!T!NHO disse...

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

Joaovitor disse...

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?

Joaovitor disse...

Lecca, quando posto o codigo apareçe q tem q ter um skins no modelo no entanto tem 0

Débora Buarque disse...

lecca minha lind, vou seguir tuas dicas e quam sabe eu fico craque tb!

Jana disse...

Muito bom seu blog.
Parabéns

Jana disse...

Leca
Gostei muito do seu blog e coloquei seu link lá no meu www.hojediademenina.blogspot.com
Bjs

Noobs Que Matei No The Duel "bÿ DígØ™" (Rodrigo) disse...

nossa, é dificil ver garotas bonitas que tem talento na internet, mais vc tem um dom :D
sou seu fã xD

Mariiana M. disse...

Oi lecca, eu não estou conseguindo por cor no fundo.
Me ajude por favor.
Obrigada ;D

Mariiana M. disse...

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

Lalinhah minah zikah disse...

gosteii... mas naum seii como pegar o html se vc puder me ajudar... vlw

Mike disse...

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!

Fererefoo disse...
Este comentário foi removido pelo autor.
HanaWari-Kim Chaegun disse...

Também pode fazer no Dreamweaver e no Photoshop?

Mary disse...

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/

SDS - Special Digital Services disse...

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

┼●ĴРΔ●┼•Erick_³Ð®┼●ĴРΔ●┼• disse...

Leca Tah Otimo O Seu Blog

•▬●๋• Jőőýćííńhá CCM ♥ disse...

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

Anônimo disse...

eu baixaei o codigo mais ñ tem nada

Lary *-* disse...

Lecca, como faz para exportar imagem???
Tem MSN???
Add: lari.cris_lalinha@hotmail.com
Add pra me ajudar por favor...

Lary *-* disse...

Lecca
Se eu implorar vx faz pra mim???

Lary *-* disse...

Lecca me add no MSn. Ja passei pra vc. Só assim pra eu poder fazer meu template "/

Gabriel disse...

Lecca Me Desculpa Mais Eu Não Entendi Nada porque isso é novo pra mim!

Anônimo disse...

Me desculpe mas não gostei desse tópico , não entendi nada , nada mesmo . Acho que é porquê isso é novo para mim

Modelos de Blog disse...

caramba naum entendi nada , eu tentei mas o fireworks é meio doido ...

Anônimo disse...

Oi eu nao consegui fazer é mto dificil! nossa eu queria que vc me explicasse mais direitinho eu nao consegui fazer nada

Gratinas disse...

Nossssaaaaaaaaa! Super d+ ao chegar no seu nível de personalização estarei pronto para entrar no ramo da divulgação...
Parabénnssss!!!!

Deth Haak disse...

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"

♥yasmin♥ photo filtre disse...

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

Aninhahh.' disse...

OI...Adorei as suas dicas, mas num consegui não...Vou continuar tentando...e quando consegui te aviso tah...Vou te seguir...

Anônimo disse...

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

Anônimo disse...

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

Val Araujo disse...

olá leca, como monto meu código html? Tô com dificuldade, poderia fazer um tutorial explicando como faz...

Wellington disse...

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!!

Duda Mathuz disse...

você não explciou a parte de cima do lay tipo dividir : postagens e meu perfil :(

Ana Beatriz - Bruxchinha disse...

Não consegui fazer,o meu é em portugues e tem mais ferramentas

Pepper Bijux disse...

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á!!

VanessinhaB @MyLuaBlanco disse...

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!

thais ••• disse...

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

thais ••• disse...

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...

Nick's disse...

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.

Sammy disse...

Amei tudo aqui visita meu blog?http://grilsfashionstars.blogspot.com/

Vera Lucia Araujo da Silva disse...

Não estou conseguindo cortar a imagem.Por Favor minha ajude!!!!!!!!!!!!!

Ella disse...

PORRA
se é pra fazer um tuto, faz direito né minha filha?

Kelly Pinpou _' disse...

Genteeeeeeeee nem acreditooooooooooooo eu ovu criar o meu propio template *o*

Fer disse...

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

VAGNER ARAUJO disse...

ae coloquei seu banner no meu blog
vagnerhotdowns.blogspot.com

Kelleany Santos disse...

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

Mila e Joyce disse...

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

Layza Sales disse...

Voçe aceita encomenda para fazer templates com tema de maquiagem? responde p meu email, quero muitooo layza.sales@hotmail.com. bjoo

GILMARA BORGES disse...

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::