Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

14 abril 2009

Template Blue



Template 3 colunas mais menu horizontal.
  • Para editar os links do menu horizontal, basta criar uma lista de links e arrastar para o retangulo abaixo do cabeçalho.
  • Resumos de postagem com o hack Leia Mais...; para configurar o hack, copie o código abaixo e cole em Modelo de Postagem:
Digite aqui o resumo do post
<span id="fullpost">
Digite aqui o resto do post
</span>
  • Hack de posts relacionados  incluso. 
  • Data no formato calendário. Vá em Configurações->Formatação e escolha o formato da data como este: 14 Abril 2009
O rodapé das postagens tem uma altura determinada e por isso não comporta mais informações além das que já exibe (link de comentários e link 'Leia Mais').

Por favor, não retirem os créditos.

**********************************************************************************
Edit 17/09/09- Para os que tiveram problema com a imagem do cabeçalho (que não aparece), por favor hospedem a imagem h1, copiem a url fornecida e coloquem em:

#header-wrapper {
  width:100%;
  height:143px;
  background: url(coloquem aqui a url da imagem)  no-repeat bottom center;
  margin:0 auto 0px;}

**********************************************************************************

Novo link para download em 21/10/10

Artigos Relacionados

82 comentários:

Anônimo disse...

Se eu não tivesse trocado meu template tão recentemente, colocaria esse no meu blog. Adorei. Simples, direto, objetivo, clean.
Muito massa. Baixei e vou deixar guardado.; Um dia eu boto ele.

Unknown disse...

Procurei no tradutor do google, mas não encontrei tradução para o texto exposto no template...

MamaNunes disse...

Oi Ariane. Saudade de você querida! Espero que esteja tudo bem. Dê notícias.
Como sempre, parabéns e obrigada pelo novo layout!
beijos e beijos da Mama...

Fraude Urnas Eletrônicas disse...

Bom Dia Ariane,
Adorei o template. Estou testando e percebi que o Hack Leia Mais está aparecendo tbem nos post individuais. Tem algum motivo especial? Tem jeito de tirar? Abraços

Anônimo disse...

Lindo Ariane *O*

É fácil de mecher e simples.

admin disse...

Boa tarde. Pode-me ajudar por favor. coloquei este template agora queria colocar um banner em cima da página mas o banner não fica centrado? é posto no lado esquerd. como faço para o banner ocupara a barra toda azul?

Agradeço se me pudesse ajudar. obrigado.

Samuel disse...

Saudade das postagens. Ressuscitou! kkkkkkkkkkk

Anônimo disse...

ola ariane, eu ja estava com saudades dos seus posts.
tem tanto tempo que você não posta aqui no blog.

admin disse...

Ninguém sabe como se coloca uma imagem ocupando toda a barra azul deste template. A imagem não fica centrada?
E como se muda de author para autor?

Admin. Filipe disse...

Como colocar esse templete no blog?
poderia mim ajudar?

Anônimo disse...

Belo Template, vou usalo no meu outro blog gostei muito blw

Júnior disse...

Como faço pra com que o link da postagem apareça apenas quando posiciono o mouse sobre o titulo e não por toda a linha do titulo?

Júnior disse...

É possivel adicionar a opção de colocar widgets logo acima das postagens? Uma caixa horizontal do comprimento da área de postagens.

Camila disse...

OI Ariane, tudo bem?

Estou usando esse template seu, no meu blog (www.apaixonadosporseries.blogspot.com), só que coloquei outro modo de resumir as postagens, fazendo cortes automáticos no texto.
Gostaria de retirar o link que aparece no rodapé das postas com o "leia mais", porque já aparece o "continue lendo" depois do corte do texto.
O script eu já tirei, agora tem alguma coisa em outro lugar que eu não sei onde, nem o que procurar para tirar.

Pode me ajudar?

Marc Freitas disse...

Oi Ariane, estou aqui novamente ^^ achei esse template muito bonito e simples, vou usá-lo como novo layout do meu blog, que passa por reformas, mas como estou cansado de recontruir templates, peço a permissão para edita-lo, assim: cores, as imagens de fundo, você entende, só pra deixar o blog a minha cara ^^
Eu vou começar a edita-lo, pois estou com tempo e minha vida tá um auê xD só colocarei no ar com a sua permissão okay?
Tchau e beijos.

$¬¬$ disse...

gostaria de saber se dar pra colocar uma imagem de fundo nele ? e como seria pq eu ja tentei varias vezes e não consegui.
Desde já agradeço.!

Ateliê Feito com Carinho disse...

Parabéns!! muito bom o seu blog...
Sou novo e necessito fazer um blog com urgencia..
Gostaria de saber se vc pode me ajudar com algumas dicas...
Preciso fazer um blog que tenha 3 colunas e que possua um menu que quando clicar direcione a pessoa para o tema, é possivel ??
Obrigado

Ateliê Feito com Carinho disse...

Olá.
Preciso fazer um blog e gostaria de ajuda.. você pode me ajudar??

Te agradeço.
Obrigado...

Anônimo disse...

è possivel colocar um logo no topo no lugar onde fala template blue ??
Sou novo com o blog e estou precisando muito de ajuda para configurar um que já tenho.. alguem poderia me ajudar ? obrigado.

Anônimo disse...

lindo template. Acho muito show esses templates com ar de moderno, todo azul, tanto que o no meu blog também é parecido.

Vinícius disse...

Muito obrigado!

Guiarony disse...

Olá Ariane, não sei o que esta acontecendo, o template aparece normal no Firefox, mas no Explorer 7.5 a coluna da direita some. Se puder ajudar, obrigado.

Nadja Kari disse...

como eu coloco ele ???? eu sou terrivel para essas coisas de blog...

¢єℓѕo.єxє™ disse...

e aquele adsense nao tem como tirar? oO

Renata Fraia disse...

Olá Ariane, adorei o Template Blue e já estou usando. Mas estou com um problema: porque só consigo adicionar 5 (cinco) AdSenses?

# Se coloco 3 blocos de links, só consigo colocar 2 bl de anúncios;

# e se coloco 3 blocos de anúncios , 1 bl de link some, ou seja, sempre fica apenas 5 (cinco) ao todo.

Li que o Celso.exe acima falou sobre tirar um AdSense, será que isso se relaciona com o problema que estou enfrentando?

Grata

Irving Maynard disse...

POw o taplete e massa, mas já vi que não é só eu que estou apanhando pra poder colocar um topo!

me diz como eu faço, poi, já tentei que só e não está ficando centrlizado!!!

www.blogdomaynard.blogspot.com

responda-me por favor thau e parabéns pelo blog

mauricio gomes disse...

me ajuda eu tambem , queria saber como colocar um menu que direciona para outra pasta,ou seja uma pasta com fotos,eu nao consigo,alguem pode me ajudar?

RafaCRF disse...

Olá Ariane!

Estou mexendo nesse template!
Retirei a largura fixa do outer para o blog se adequar em monitores widescreens e ficar perfeito em monitores widescreen!

Mas a área de postagem ficou bem proxima da sidebar da esquerda e bem distante da direita quando visualizo
em um monitor widescreen!

Preciso de ajuda para as postagens ficarem bem centralizadas.

E também não deixa de ser uma sugestão para um post!

Renata Fraia disse...

Ariane, se puder me ajudar,agradeço. Sempre procuro colocar os 6 AdSenses que tenho direito.Se eu não conseguir colocá-los terei que mudar de template. Se puder me ajudar , agradeço.

Só consigo colocar 5 AdSenses, como falei no comentário anterior. (Rê)
www.saudecomciencia.com
grata
:D

Eduardo Soares disse...

O meu está dando um problemo no termino, ele diz assim:

"Declaração de variável inválida na skin da página: Este valor de tamanho de fonte não é válido. Entrada: 100%"

O que eu faço, me ajude gente!

Ariane disse...

Rê, não existe absolutamente nada no código deste template que te impeça de colocar adsense. Na verdade, não sei como você consegue colocar 6 anúncios em uma mesma página, pois o adsense limita 3 anúncios por página. O adsense que aparece no demo é automaticamente descartado quando se faz o download do template, assim como todos as outras widgets.

João Pezão disse...

No final... o link TNB esta indo para o meu próprio blog...
mudei então o link para esta postagem...
vlw e parabéns... t+

Unknown disse...

Olá,Ariane.eu gostei muito do template,mas eu mudei a cor do template e o azul dos céditos não combinava...entao tirei os creditos e coloquei uma widget de texto no lugar....tdb?Quiser olhar tá ai maligninho.blogspot.com
valeu..

Online Inc disse...

Hi TNB,
This is my second comment to you. I have used your template on one of my blogs. Need to link it back to your blog and provide credits to your work. Please advice I am unable to place the link in the template.

CampoMaiorense disse...

Boa Tarde
Obrigado pelo template, ficou bastante melhor que o anterior.
se quiser dar uma vista de olhos fica aqui:
www.campomaiornainternet.blogspot.com

vou continuar a passar

Cristiano Costa disse...

Ola´ Ariane gosto muito do seu blog

Gostaria q vc me ajudase queria mudar seu template pra 2 colunas e não tres

Desde já um Bjão

shirlei horta disse...

Socorro!

Criei um blog com esse template, mas ele só baixou o cabeçalho e a lateral esquerda. Cadê a lateral direita?

?? disse...

muito obrigado ;)

DN disse...

Olá Ariane!
Estou apanhando deste Blog!

Como faço para aumentar a parte Azul Forte dele? Aquela la de cima aonde vc coloca o banner!
Quando eu aumento o Menu continua no mesmo lugar e a faixa cinza cai pra baixo... Da maior rolo!

Me ensina! Please!

Obrigado!

Anônimo disse...

Ariane, bom dia, eu estou tendo um problema, meio que um incomodo no template blue, quando eu clico no "LEIA MAIS" depois de expandido, o leia mais continua lá, o que eu posso fazer para isso não acontecer ?
E tem uma outra coisa, que é só por frecura mesmo, o Leia Mais esta aparecendo sempre, o que eu posso fazer? Obrigado.

central kidede disse...

Olá Ariane
eu estou enfrentando um problema...
no menu horizontal...
naquela barra cinza dele eu só consigo
colocar uma palavra...
naquela barra eu quero colocar alguns links mas eu não consigo...
você pode entrar no meu blog...
www.centralkidede.blogspot.com
e ver o problema...
e mandar um e-mail para centralkidede@gmail.com
explicando como resolver.
POR FAVOR!!!¡¡¡

Unknown disse...

ariane estou usando esse template, ele e muito lindo, so tem um probleminha quando tento colocar um marcado com lista espancivel não da de jeito nem um ja tentei d+ mas não da em outro templates da mas nesse não da me ajuda pois gostei d+ desse mas preciso do marcado com lista espancivel

Unknown disse...

Ariane/,tudo bem? espero que sim entao coloquei foi o mais facil de estar configurando ... mas eu queria um outro o (fusion) mas esse esta bom mudei em torno de 70% do original ///nao tirei o seu credito acho que mais justo ter seu credito estar la .. mas enfim ... eu queria mudar local da barra de pequisa para que fique ao lado do titulo no meu blog será que é ´possivel ??
o resto esta tranquilo.. gostei mesmo do seu blog. .. excelente ao setimo ou oitavo template que pego do seu site... mas ai ajuda nessa pergunta triste kkkk !!!!
me adiciona no meu msn rafaelsjc18@hotmail.com

Victor S. Gomez disse...

Explêndido o seu trabalho, tem me ajudado bastante. Abraços

Master Games disse...

Olá Ariane! Gostaria de te pedir que em alguns dos templates você diminuisse o tamanho para que ele sirva inteiro na tela (sem ter que correr para os lados). Mesmo assim seu trabalho é muito bom e agradeçi por tudo que você já fez. Ah" Mais uma coisa. Tem algum tutorial ou alguma página que explica como criar Button?
Obrigado e aguardo resposta.

Anônimo disse...

Essa template é uma das melhores que já vi. gostei demais acho q se você puder mudar as cores para um preto ficará uma opção muito boa.

Unknown disse...

Também a barra no começo do blog não ficou centralizada.

JEAUDIO disse...

Pois o cabeçalho na minha também não ficou centralizado, se alguem pode ajudar...

Administrador disse...

Olá Ariane, estou enfrentando um problema com as imagens do template, parece que as imagens foram excluidas.
Quando o blog abre, no cabeçalho aparece uma mensagem dizendo que a imagem foi excluida.

Um abraço!

Ariane disse...

Marcos hospeda a imagem h1, copie a url oferecida e coloque em :

#header-wrapper {
width:100%;
height:143px;
background: url(aqui a url da imagem) no-repeat bottom center;

Marcos disse...

Olá Ariane, obrigado pela resposta!

Quando abro a página do blog, a cor azul do cabeçalho aparece, mas aparece uma mensagem (pequena)em inglês dizendo que a imagem foi movida ou excluida.

Você me passou o código:
#header-wrapper {
width:100%;
height:143px;
background: url(aqui a url da imagem) no-repeat bottom center;

No html do meu blog o código está assim:
*/

#header-wrapper {
width:100%;
height:143px;
margin:0 auto 0px;}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;}

#header {
width: 600px;
height: 143px;
background: url(é aqui que eu devo colocar o link da imagem?) no-repeat;
margin: 0px auto;
color:$pagetitlecolor;}

Desculpe incomodar novamente!

Um abraço!

Ariane disse...

José Marcos, eu disponibilizei primeiramente um modelo onde a imagem estava em #header e um segundo com a imagem em #header-wrapper. Deixe da maneira que eu te mostrei (em #header-wrapper e com final no-repeat bottom center) que o resultado é melhor. abraços!

Gabriel Fontenele disse...

Eu trabalho com design para internet à anos, sou web designer e programador e poucas veses vi templates bem elaborados com uma combinação de cores tão leve e agradável! Parabéns!

ADM BG disse...

Ola!!!!Estou com uma duvida poderia me ajudar eu nao estou conseguindo colocar o menu junto do cabeçalho da uma olhada aqui www.linksdownloads2009.blogspot.com na barra cinza fica escrito menu e os links ficam abaixo.Por Favor me ajuda.

Ariane disse...

Crisfera, tira o título 'menu' do gadget da lista de links, é ele que está empurrando para baixo

ADM BG disse...

Valew Muito Obrigado vou tentar qualquer coisa eu posto aqui.

ADM BG disse...

Obriga deu Certo Valew Adriane.

Anônimo disse...

Muitissimo obrigado pelo Template :D

@Fmkohn disse...

uso esse Template a algum tempo e percebi agora que meus comentarios no Blogger estao com problema no width dos cometarios, se alguem puder ajudar de uma olhada nesse link e veja como fica cos comentarios: Cortado as ultimas palavras de cada frase:
http://hdgeeknews.blogspot.com/2009/07/pirataria-no-brasil-um-assunto-polemico.html

@Fmkohn disse...

Estou com problema de width nos comentarios desse template! Todos os comentarios ficam coratadas o final das palavras de cada frase, de uma olhada nesse link ai, e veja os comentarios, oq pode ser?

http://hdgeeknews.blogspot.com/2009/07/pirataria-no-brasil-um-assunto-polemico.html

@Fmkohn disse...

ah eu gostaria de saber também se há como editar a imagem do cabeçalho, no caso colocar uma imagem personalizada! Eu coloco uma pelo proprio blogger porem não fica centralizada!

EEFM Raimundo Nonato Ribeiro disse...

Olá! Parabéns pelo blog, ele é perfeito e contém as dicas e informações mais preciosas pra quem tá começando na arte. Achei o máximo esse template, já coloquei em meu blog, mas estou com uma dúvida: tem como modificar a fonte do título do blog, pq precisava fazer com letra maiúsculas e minúsculas e com esse template ficam todas maiúsculas. Me ajuda!!!

Rafael Ramos disse...

Lindo template. Deixo um convite para visitar meu blog http://www.conhecimentoeti.com

Lauren disse...

Olá Ariane...

Lindo o template, parabens. Infelizmente o meu nao ficou assim... queria o codigo exatamente para esse modelo, assim soh trocaria as coisas no meu mas o codigo q ta no download nao eh o mesmo

Obrigada!

Anônimo disse...

Olá! Muito bom seus templates.
Duvida? para eu poder usa-lo o que preciso fazer em relação a direitos autorais? É só deixar o texto do rodapé com sua assinatura?
Obrigado!

Mega Tecnologia disse...

Ariane no meu blog a tua tecnica para resumir as postagens nao funcionaram e eu uso o template Blue. Poderia procurar na net...mas tenho medo de estragar o template.A minha pergunta é: Nao ha uma outra forma de resumi-los?

Anônimo disse...

Olá Ariane, parabéns pelo TEMPLATE. Eu tmabém gostaria de saber de vc, assim como a Lauren no comentário acima, a versão para download não é o mesmo como o que vc exemplifica aqui o que tenho que fazer para corrir o problema.
E também gostaria de saber, se tem como adicionar uma imagem personalizada no CABEÇALHO da largura em que esta reservado para a imagem, pois a imagem quando adicionada fica centralizada, totalmente fora de enquadro.
Concerteza solucionando esses pequenos probleminhas, tem tudo para ser um layout em grande ascenção pelos usuarios.
Fico no aguardo da resposta para solucionarmos nossas problemas e então poder usufruir e colocar no ar nosso BLOG.

Anônimo disse...

Olá Ariane, parabéns pelo TEMPLATE. Eu tmabém gostaria de saber de vc, assim como a Lauren no comentário acima, a versão para download não é o mesmo como o que vc exemplifica aqui o que tenho que fazer para corrir o problema.
E também gostaria de saber, se tem como adicionar uma imagem personalizada no CABEÇALHO da largura em que esta reservado para a imagem, pois a imagem quando adicionada fica centralizada, totalmente fora de enquadro.
Concerteza solucionando esses pequenos probleminhas, tem tudo para ser um layout em grande ascenção pelos usuarios.
Fico no aguardo da resposta para solucionarmos nossas problemas e então poder usufruir e colocar no ar nosso BLOG.
se possivel me responsa também no meu email, pois ficarei ausente da internet banda largas nos proximos dias, e utilizarei o email de meu celular...
nattysantos2008@gmail.com

Anônimo disse...

gostaria de saber, do porque as fotos quando adicionadas do lado da barra lateral (direita e esquerda), as fotos não ficma do tamanho certo, conforme o contorno em que o espaço é destinado a foto?

Suzana disse...

OI Ariane,

Hospedei as imagens da pasta na Net, mas naum sei onde devo mudar os endereços. No Cabeçalho, aparece uma mensagem dizendo que a imagem foi movida ou deletada...

www.sussubatala.blogspot.com / suzana.batala@gmail.com

Agradeço IMENSAMENTE...

Suzana disse...

Oi Ariane,
Eu de novo... rsrs
Como último detalhe, gostaria de colocar uns tracinhos dividindo os textos na barra do menu... Tô achando meio embolado.... rsrsrs
Brigadoooo
Bjs

Pedro Henrique disse...

No meu template ta escrito the image or video has been movie or deleted , ja que falo ingles fluente sei que em portugues seria Sua imagem ou video foi movida ou deletada , please mande um novo link.

Paulo Sézio disse...

Olá Ariane
Seu trabalho é realmente magnífico e muio singular. Não vi nada igual até agora na net.
Eu tomei a liberdade de fazer a download do template e fiz um upgrade em meus blogs.
Agradecido e feliz....
Paulo Sézio
http://blogandoem.blogspot.com

DAS disse...

Oi!
Ótimo blog!
Muito boa a forma que descreve tudo... fiz e deu super certo!
Pra leigas como eu, isso às vezes atrapalha!
Abraços!
das

Dermeval Neves disse...

Ariane, como eu faço pra retirar o botão [LEIA MAIS desse template? Quero que as postagens apareçam completas em minha home.

Notícias da Bahia disse...

Olá, qual o templaster mais indicado para um site de noticias?

* Cláudia * disse...

Ariane, tudo bem?
Faz tempo que uso e abuso das suas dicaas para remexer meu blog.
Estou usando este template. Tudo funciona perfeitamente, mas o corte para o resumo das postagens, acontece antes do que eu determinei; ou seja: é como se eu tivesse colocado o '/span' em outro local. O resultado é que fica aparecendo mais do que eu quero que apareça. Onde estou errando? Você pode me ajudar?

Obrigada, beijos!

Conectado disse...

Olá, Ariane estou usando sua template ela é ótima mas, estou com um probleminha os post relacionados não estão aparecendo, vpcê poderia me ajudar?

Obrigado e sucesso...

Obs: Seu blog é show!

marko disse...

muy bueno gracias

Ollyh disse...

So qeria saber se vc q cria esses templates.

elogios: Vc manja de html e css qeria algumas aulas particulares.
:D

Gleyson Mendes disse...

ariane quero saber a dimesão certa deste cabeçalho? e que quero fazer um igual so que mudarei o estilo da letra e coloca uma foto.

Jennifer Oliveira disse...

Olá Ariane! O Template é ótimo, mas tem um problema..
Só aparece uma postagem na página inicial, o que eu faço?

Postar um comentário

Os comentários são moderados.