Olá! Tuesday, 17 de October de 2017.



Dicas CódigoFonte.net
Sunday, 05 de December de 2004

Aprenda a fazer seu template de Blog

1) vá em "Iniciar","programas","acessórios"e "bloco de notas".

2)Para iniciar a sua página,cole o seguinte código:

  1. <TITLE> Nome de seu site</TITLE>
  2. </HEAD>


3)Agora vem a parte de inserir a imagem de fundo e do topo de seu blog.Para isso apenas digite o nome da sua imagem e sua extenção ( EX: back.gif onde é Back é o nome e gif é a extenção; top.gif onde é top é o nome e gif é a estenção)

Nota: Algumas extensões existentes: .gif; .jpg; .bmp; .jpeg

  1. <BODY BACKGROUND="NOME DA FIGURA DE FUNDO AQUI"><BR>
  2. <img src="NOME DA FIGURA DE TOPO AQUI" style="LEFT: 0px; POSITION: absolute; TOP: 0px;">


4) Agora é um pouco mais complicado. As tags a seguir são as pertencentes ao BODY, que é o corpo do site. Para que seu Menu e seus Posts fiquem paradas exatamente no lugar da figura, é necessário utilizar números para mover o texto de um lado ao outro. Veja no código que segue:

  1. <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px;">
  2. Aqui vai o espaço para Menu (veja os códigos nos links "Códigos para Blig; Códigos para Blogger; Códigos para Weblogger")


Onde:
LEFT - É o quanto você quer que o texto vá para o lado; Ex: Se você quisê-lo mais para a direita, coloque um número grande; Se você quisê-lo mais para a esquerda, diminua o número
TOP - É o quanto você quer que o texto vá para cima ou para baixo. Se você quisê-lo mais para baixo, digite um número maior; se quisê-lo mais para cima, vá diminuindo até o texto ficar alinhado do jeito que você quer.

Nota: <BR> serve para seu texto pular de linha. Cole essa tag toda a vez que quiser abrir uma nova frase.

5) Para os seus Posts, repita o passo número 4 e copie o código do seu servidor escolhido (Blig, Blogger ou Weblogger).

6) Se você já terminar de digitar seus dados no Menu e colocar tudo direitinho, cole o seguinte código:

  1. </BODY>
  2. </HTML>


Pronto!

Agora, você precisa salvar seu arquivo como INDEX.HTML. Você TEM que salvar com o final .HTML ou o arquivo não virará página e salvará como um arquivo de texto.

Não se esqueça de salvar o arquivo na mesma pasta onde estão suas imagens para o Blog (TOP E BACK).

Comentários do artigo [Novo comentário]

Anna Maria R. C. Pires - 01 de November de 2008 - 14:29
Ah, quero mudar o meu template, mas como não sei mexer direito, tenho receio de me enrolar e dar tudo errado.
Deveria ter uma página onde eu pudesse escolher um adquado, por exemplo ao meu blg de desenho.
Rodrigo Guimarães Maranha - 11 de December de 2008 - 17:51
Acho legal o que vocês fazem para os outros pois tem gente que prefere morrer a mostrar o proprio codigo de fonte.
FABIOLA KARLA FACHETTI CRISTO - 26 de January de 2009 - 18:41
eu tentei.. mas não consegui!!!! Fiquei com medo de estragar tudo...Não tem um template pronto só pra escolher, copiar e colar???? Seria muito mais fácil!!! bjs e obrigada pelo site... me ajuda muito e indico pra todo mundo!!!
chakil ismael - 12 de February de 2009 - 12:07
mto bom ixuh
Loko Colorado - 13 de February de 2009 - 01:57
Gostei dessa dica se alguem quiser visitar meu blog o endereço é: inter-sporte.blogspot.com
selmanews - 14 de February de 2009 - 03:54
Se alguém quiser fazer uma template para mim...
ou quiser só visitar, eis o meu Site: http://estrelaselma1.blogspot.com
JORNALESTRELASELMA1NEWS
Beijos!
Vlw!!
umbelina - 25 de February de 2009 - 20:49
Gostei, mas ainda não vou tentar desta vez
Dejair Soares - 10 de April de 2009 - 18:12
Gostei e gosto e sempr quero recorro.
marcia maria silva - 12 de April de 2009 - 06:36
ESSE SITE E 10!!!!!!!!!
willian christian da silva santos - 06 de May de 2009 - 22:12
IRAAAAAAAAAAADO
MUITO BOM MESMO PRO INICIANTES É CLARO
Estefaniih-Fashion - 11 de May de 2009 - 22:38
É gostei da idéia! mais eu tentei e deu inválido, estou proucurando LOUCAMENTE por um site que eu possa fazer layouts HTML, p/ quem sooh quer copiar e colar, vá em magiagifs.com.br e lá nu meio vai estar escrito LAYOUT SHOP e vc clica vc escolhe o tema vai aparecer os desenhos vc clica para ver como vai ficar copia o códido depois cola no HTML do seu blog, e se vc naum gostar do lay vc pode ir no Evelyn`s Place ou se vc gostar de algun no magia gifs e kiser encrementar no Evelyn`s Place tem, plakinhas, mascotes,gifs, etc.. é muito legal! e nuL meu blog também tem uma pág sooh dy gifs vai laah:::.. http://perfect-patty-girl.blogspot.com
Aline Paim - 30 de June de 2009 - 09:57
Achei bem interessante!
;)
henrick martins - 08 de July de 2009 - 20:14
nem preciso uso adobe dreamweaver bem mais fácio
Barbara Munique dos Santos - 01 de August de 2009 - 11:56
nao entendi muito como fazer um template!
Nayara Viana - 07 de August de 2009 - 17:29
achei interessante! ^^ obigada...o ruim apenas eh fika chutando um numero pras posiçoes....>.<....xD..rsrs
webmasterfree - 04 de September de 2009 - 17:57
pow cara ta bacana ai esse explicação
+ pra ficara msm melhor
seria vc explicar em video aula
+valew ai por tudo o site ta blz
Esteeh Moura - 07 de September de 2009 - 15:11
Não se arrisquem! encomendem um template personalizado em meu blog, http://www.coisinhas-byesteeh.blogspot.com , encomendas GRÁTIS! com 3 pacotes, pra vc escolher, encomendem enquanto as encomendas estão abertas!
SALETE VELOZO BURBELLA - 12 de October de 2009 - 10:39
NÃO SEI COMO COLOCAR VIDEO NO MEU BLOG, VEJO EM OUTROS BLOGS VIDEOS ENGRAÇADOS, MAIS Ñ CONSIGO COMO SE FAZ ISSO, SE ALGUÉM PUDER ME AJUDAR AGRADEÇO MEU MAIL PARA CONTATO: [email protected]
Rayanna NAscimento Dos Santos - 06 de November de 2009 - 22:21
Muito bom mesmo esse site, d+!!!!!!
Vida Loka Loka Vida1!!
isaias - 14 de November de 2009 - 10:04
muito bom esse site....
obrigado
Leila de Sousa Soares - 23 de November de 2009 - 05:09
GOSTEI MUITO DO SITE!!! TÔ INDICANDO E PARABÉNS
Selma Pereira Marques de Carvalho - 26 de November de 2009 - 21:58
Quero comunicarque a URL atual é http://estrelaselma1.blogspot.com

não é mais http:selmanews; talvez por isso o Contador não esteja funcionado. Pode me dar uma solução?
Beijos,
ESTRELA SELMA
jonas philipe - 07 de April de 2010 - 18:35
esse site é piqueno no tamanho mais no conhecimento é grandee kkk valeu cara eu antes de ver esse aqui eu fiz um ,que bom que so eu ñ sei disso!sucessooo...
jonas philipe - 07 de April de 2010 - 18:36
a meu blog ai galera >> http://yudscraps.blogspot.com
Marissa de Paula - 09 de June de 2010 - 03:58
entrem no meu Blog ? Tem assuntos Sobre quase Tudo , muito interessante :D - http://marissa-diarynews.blogspot.com/
Mayra Mykaella - 11 de August de 2010 - 16:01
Ameei o site.. quem quiser pode visitar meu blog http://mmay1405.blogspot.com/
Michel Leopoldo Santana de Oliveira - 26 de December de 2010 - 03:30
Código fonte sempre BroKKaNDo!!!
Continuem assim...
aCeSSem:
www.CHELDOCAVACO.BLOGSPOT.com
RICARDO BASSMAN - 27 de February de 2011 - 22:47
pessoal vcs teem que entender que este site, com o próprio noem diz: CÓDIGO FONTE (é apenas e somente códigos), ou seja, vcs teem que se virar e estudar os códigos como eu faço tbm;
Se querem códigos(Temlates) prontos, vão em busca de outros sites;
Aqui é pra quem deseja aprender, trabalhar, entender e estudar os códigos;
Obg, bjs e abçs a tds!
www.cidadaosa.zip.net
RICARDO BASSMAN - 27 de February de 2011 - 22:54
Ola adm do site!
Como faço pra colocar (3)três colunas e (3)três rodapés(caixas de células) me ajudem por favor!
Desde já abçs
http:///www.cidadaosa.zip.net
Augusto - 28 de March de 2011 - 01:47
Olá eu vou deixar aki um site para vocês pegarem templates prontos. Daew é so jogar no seu blog e editar pra dixar com a sua cara!
http://btemplates.com/
Qualquer duvida deixem um recado na cbox do meu blog!
http://tec-up.blogspot.com
ou me mande um e-mail para [email protected]
RICARDO BASSMAN - 15 de April de 2011 - 13:25
Obrigado Augusto.
Mas eu já encontrei um template bacana pro meu blog, mas de qualquer forma ta valendo, o 1° site é uma maravilha, existem muitos templates, vários modelos, já o 2° link não funciona mais.
Mas obrigado novamente e com certeza irá nos servimos muito ainda..obrigado a todos e ótimo proveito do site "Código Fonte"..abçs
[www.cidadaosa.zip.net]
Angelo - 06 de February de 2012 - 10:37
Eu estou usando um programa para criar templates
Ingrid - 14 de September de 2012 - 08:31
Esse site é O MELHOR!!!! Todo blogueiro deveria acessá-lo! Amo demais todas as dicas, beijão! ?
Thamirys - 07 de December de 2013 - 14:22
Mas no 4) Onde tem o espaço do Menu , e diz que tem que conseguir o código , onde fica o link desse código ? pq eu não acho
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010