By Lecca – Letícia Pontes » Arquivo » Fazendo seu template personalizado:

Vídeo: Diário da ortognática – Pós-opertatório

Semana passada postei…

View more

Receita: Ratatouille

Lá em 2007…

View more

Dica de série: Unbreakable Kimmy Schmidt

Ontem foi meu…

View more

Comprei na china: Pincéis de maquiagem

Fazia um bom…

View more

Fazendo seu template personalizado:

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 800×600 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


Comentar

Comentários

Márcia Lima | 28-01-2009 às 19:31 | Responder

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 | 06-05-2009 às 10:35 | Responder

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 | 20-05-2009 às 18:51 | Responder

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 | 07-07-2009 às 14:10 | Responder

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 | 07-07-2009 às 16:42 | Responder

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

Paula | 20-09-2009 às 20:10 | Responder

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 | 07-11-2009 às 13:39 | Responder

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

Amanda | 15-11-2009 às 19:01 | Responder

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@ | 13-01-2010 às 13:50 | Responder

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 | 25-01-2010 às 22:14 | Responder

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

V!T!NHO | 28-01-2010 às 20:26 | Responder

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 | 16-02-2010 às 11:05 | Responder

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 | 16-02-2010 às 12:12 | Responder

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

Débora Buarque | 05-03-2010 às 02:01 | Responder

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

Jana | 09-03-2010 às 12:31 | Responder

Muito bom seu blog.
Parabéns

Jana | 13-03-2010 às 00:00 | Responder

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

Noobs Que Matei No The Duel "bÿ DígØ™" (Rodrigo) | 21-03-2010 às 18:02 | Responder

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

Mariiana M. | 30-04-2010 às 11:25 | Responder

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

Mariiana M. | 30-04-2010 às 11:29 | Responder

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 | 05-05-2010 às 08:48 | Responder

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

Mike | 13-05-2010 às 21:51 | Responder

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 | 02-06-2010 às 12:17 | Responder

Este comentário foi removido pelo autor.

HanaWari-Kim Chaegun | 08-07-2010 às 15:16 | Responder

Também pode fazer no Dreamweaver e no Photoshop?

Mary | 09-07-2010 às 09:47 | Responder

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 | 09-07-2010 às 21:03 | Responder

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
http://www.presentespersonalizados.jimdo.com
e-mail: reginna.ribeiro@gmail.com

┼●ĴРΔ●┼•Erick_³Ð®┼●ĴРΔ●┼• | 27-07-2010 às 21:57 | Responder

Leca Tah Otimo O Seu Blog

•▬●๋• Jőőýćííńhá CCM ♥ | 22-08-2010 às 15:31 | Responder

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

Anonymous | 17-10-2010 às 19:51 | Responder

eu baixaei o codigo mais ñ tem nada

Lary *-* | 10-11-2010 às 19:26 | Responder

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

Lary *-* | 17-11-2010 às 18:21 | Responder

Lecca
Se eu implorar vx faz pra mim???

Lary *-* | 29-11-2010 às 15:18 | Responder

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

Gabriel | 14-12-2010 às 13:49 | Responder

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

Anonymous | 29-12-2010 às 02:56 | Responder

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 | 05-01-2011 às 20:04 | Responder

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

Anonymous | 08-01-2011 às 13:31 | Responder

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

Gratinas | 22-01-2011 às 14:59 | Responder

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 | 06-02-2011 às 18:18 | Responder

Bênçãos Lecca ! Vivemos para servir, então tenho http://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 | 18-02-2011 às 21:24 | Responder

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.' | 05-03-2011 às 22:39 | Responder

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

Anonymous | 06-03-2011 às 00:03 | Responder

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.;;;
http://www.cidadaosa.zip.net

Anonymous | 06-03-2011 às 00:06 | Responder

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…..
http://www.cidadaosa.zip.net

Val Araujo | 13-03-2011 às 04:02 | Responder

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

Wellington | 01-05-2011 às 14:33 | Responder

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 | 08-05-2011 às 22:21 | Responder

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

Ana Beatriz - Bruxchinha | 29-06-2011 às 16:02 | Responder

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

Pepper Bijux | 02-07-2011 às 13:19 | Responder

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 | 13-08-2011 às 22:42 | Responder

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 ••• | 15-08-2011 às 18:25 | Responder

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 ••• | 31-08-2011 às 10:07 | Responder

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 | 26-09-2011 às 18:02 | Responder

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 | 18-10-2011 às 14:03 | Responder

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

Vera Lucia Araujo da Silva | 26-10-2011 às 15:31 | Responder

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

Ella | 29-10-2011 às 20:09 | Responder

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

Kelly Pinpou _' | 13-11-2011 às 07:55 | Responder

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

Fer | 12-01-2012 às 14:31 | Responder

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 | 14-01-2012 às 16:51 | Responder

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

Kelleany Santos | 27-01-2012 às 13:15 | Responder

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 | 28-01-2012 às 20:43 | Responder

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 | 29-01-2012 às 18:02 | Responder

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

GILMARA BORGES | 21-02-2012 às 13:03 | Responder

oi amei seu blog,já sou sua seguidora,bjsssssss

Marco Antonio | 07-03-2012 às 19:57 | Responder

Lecca esse programa é pago?

Rogerio Martins | 16-03-2012 às 10:23 | Responder

Oi Lecca, você é boa em design heim? Você tem muito futuro, quer trocar links meu page rank também é dois.

Luana Cristina | 05-05-2012 às 15:29 | Responder

post e principalmente o programa me ajudaram muito em! fora seus templates são lindos!

bj
http://moon-artes.blogspot.com

Tassyanne Syrio | 18-07-2012 às 19:35 | Responder

ai lecca eu ja tentei de varias formas não consigo fazer e q eu vi um modelo na internet ameii sabe mas tem q pagar pra telo e e caro ai salvei o modelo mas ta como imagem e eu não consigo transforma-lo para templade layout essas coisa me ajuda vc parece ser boa nisso

Wanderson Reis | 23-07-2012 às 00:11 | Responder

Tava precisando Muito Criar um Template para meu Blog A Seculos Mais nunca achava Gostei Muito Parabéns Pelo Blog

Ewerton Maciel | 29-08-2012 às 11:10 | Responder

Bem interessante ! vou aplicar no meu blog obrigado ! blog lindo d+

Vitória | 05-12-2012 às 10:58 | Responder

oi lecca, a imagem e fundo não aparece
e eu estou usado o html do my power blogger

Gabriela Silva | 03-01-2013 às 19:42 | Responder

Olá!!

Seguindo como ๑۩۩๑ Gabbi๑۩۩๑

http://euqueronaminhaestante.blogspot.com.br/

Amei o seu Blog muito show!! Segui o meu Blog também.
Beijos!!!

Gabbi Machadoo | 30-01-2013 às 16:54 | Responder

Oi Linda , Tu Faz Templates >< eu pesquiso pesquiso , e não consigo fazer ! Amei de mais teu blog super liindoo 😀
o meu e esse aki , http://lovepink-gabbimachado.blogspot.com.br/
ela ta feio 🙁 mas se puder me ajuda !!

Lecca | 30-01-2013 às 21:43 | Responder

Se desejar que eu faça um template personalizado é só enviar e-mail para templatesbylecca@gmail.com, Bjos 🙂

Anonymous | 07-03-2013 às 09:49 | Responder

Lecca sua tonta este troço é uma PORCARIA porque eu instalei aquilo no meu computador e deu vírus
E eu perdi meu blog por sua causa eu fiquei com muita raiva agora eu não tenho mais nada :'( e eu estou muito triste com isso!

lili kawaii | 31-03-2013 às 00:25 | Responder

gostei muito do blog,ajudou bastante,agora vou poder fazer meu proprio lay *3*
kisses

Saionara Miranda | 21-06-2013 às 18:32 | Responder

Oi Lecca
Já faz meses que venho tentando usar um de seus temlates, depois que levei o maior calote de uma suposta criadora (cantinho cute desing) fiquei sem grana pra pagar outra pessoa pra criar um templat para o meu blog. minha cabeça já esta dando um nó me ajuda e se possivel eu te mando por email meu blog pra vc me ajudar
grata

Gian | 01-03-2014 às 21:38 | Responder

Legal!

Julia robert | 05-03-2014 às 11:54 | Responder

amei seu blog emclusive seus templats

Szabo | 22-04-2014 às 10:46 | Responder

Bom dia,

vi que seu site oferece arquivos para baixar. O http://Minhateca.com.br é um site de armazenamento e compartilhamento de arquivos com espaço ILIMITADO e totalmente gratuito! Sem tempo de espera ou qualquer restrição, download ilimitado e super rápido – 100% GRATIS! Porque não usa nosso site para hospedar os arquivos do seu site?

Eveline Lima | 02-09-2015 às 15:06 | Responder

Olá boa tarde,Gostaria de saber se vc faz blog personalizado?
Plataforma zip net..
Aguardo
Eveline..

Letícia Pontes | 07-09-2015 às 21:14 | Responder

Oi Eveline, tudo bem?
Faço sim, enviei um email para você.

Beijos.