Template Blogger Tips
Este é o primeiro template com a marca Dicas Blogger.
Podemos chamar de uma Edição Comemorativa.
No dia 31 de agosto o Dicas Blogger completará 01 ano e este template é o início das comemorações. Um presente meu para vocês...
Fiquei durante muitas noites trabalhando nele, até porque não sou expert no assunto. Ainda bem que existem a Ariane, a Áurea e as Dicas Compulsivas® ! (ufa)
Utilizei como modelo o template do AvSecurity, orinalmente criado pelo Paulo Estevão cujos créditos estão devidamente colocados no código-fonte.
Para facilitar a vida dos iniciantes, não coloquei muita coisa; fiz algo bem simples e fácil de usar. E já vem com as seguintes customizações:
- exclusão da navbar
- código para Posts Relacionados
No arquivo zipado incluí o template em xml , a imagem do cabeçalho e a fonte utilizada para o título.
Espero que vocês gostem!
MODO DE USAR
1.Cabeçalho
Em primeiro lugar será necessário ter um conhecimento básico de Photoshop, pois a imagem do cabeçalho é editável. Abra a imagem no Photoshop e, utilizando a ferramenta texto, altere a parte escrita colocando o nome do seu blog e a descrição.
Caso você queira criar seu próprio logotipo, a camada com o logo do Blogger também pode ser alterada, excluída ou substituída. Clique em janela e marque "camada". Aparecerá uma caixa; escolha "camada 1" e desmarque o ícone indicado na figura abaixo (lembra um pequeno olho):
Modifique à vontade, até que fique do seu gosto.
Então salve a imagem em formato PNG.
Feito isto, faça upload para o servidor de sua preferência. Sugestão? ImageShack.
Copie a url gerada e procure por esta tag no html do template:
#header-wrapper {
width: 980px;
height: 150px;
text-align: center;background:url(http://img410.imageshack.us/img410/9333/semttulo4wm6.png) no-repeat center;
Substitua a url indicada aqui em vermelho pela que foi gerada. Salve o template e visualize.
2.Feeds
Para colocar o endereço dos seus feeds, procure por:
<div id='feed'>
<ul>
<li class='feed-blog'><a href='http://bloggertipstemplate.blogspot.com/feeds/posts/default' title='Assinar posts'>Posts</a></li>
<li class='feed-email'><a href='http://bloggertipstemplate.blogspot.com/feeds/comments/default' title='Assinar comentários'>Comentários</a></li>
</ul>
Substitua as urls em vermelho pelo endereço do seu blog.
3.Menu Horizontal
Para alterar os links do menu, procure por:
<li><a href='seublog.blogspot.com/' title='Home'><span>Home</span></a></li>
<li><a href='mailto:email@gmail.com/' title='Contato'><span>Contato</span></a></li>
</ul>
No primeiro campo coloque o endereço do seu blog e no segundo seu email.
Tem espaço para mais 04 links. Basta copiar o código, colar antes da tag </ul> e ir substituindo as urls e os títulos a seu gosto. Exemplo:
<li><a href='http://dicasblogger.blogspot.com/' title='Dicas Blogger'><span>Dicas Blogger</span></a></li>
4.Rodapé
Notem que existe um ícone à direita.
Ele serve para subir até o topo da página.
É necessário alterar também a url.
<p class='icons'>
<a href='http://bloggertipstemplate.blogspot.com/#' title='Subir!'
5.Sugestões
Utilize a combinação Crtl + F para encontrar as linhas e tags no html.
Para deixar seu blog ainda mais legal, coloque um favicon.
6.Licença
Obra licenciada pela Creative Commons.
Só peço que não retirem os créditos. Usem à vontade.
E é isto. Boa diversão!
DICA
Antes de alterar o template do seu blog, faça backup do antigo template e dos widgets. Após a troca, salve o novo template, salve as imagens e hospede-as no Picasa.
 Feed/RSS
Assine nosso Feed e fique por dentro de tudo
que rola no Dicas Blogger!Ou se preferir, cadastre o seu email e receba os nossos artigos em sua caixa postal. |
Juliana, Parabéns, muito legal o template!
Continue assim, e nós adoraremos!
Abraços!
Oi Juliana, gostei muito do template. Um dos únicos que eu vi que possui a imagem do título editável. Também gostaria de pedir autorização para postar ele em meu blog. É claro com os devidos créditos. Espero por resposta.
Um probleminha: Não consegui abrir, tá muito enrolado, rar e depois winzip, e não consigo mais abrir os códigos!
HELP!
Matheus, pode publicar à vontade!
Abraços
Evangelista, estava em arquivo .rar.
Já passei para ZIP.
Abraços
Ju,
Tanks!
Oi Juliana, em vez de curtir as férias ta é mexendo com blog!!! rsrsrs
Parabens pelo template, é de bom gosto, tem estilo, é limpo e bem bonito.
Eu não sei mexer com photoshop, nem mexo direito com o paint, é uma das coisas que coloquei como meta de aprendizado para 2008...mas, pelo jeito!!!
Vou esperar o próximo. Você aceita umas sugestões?
1- Coloque o link de um tutorial para as pessoas saberem como instalar um template novo, você sabe, a áurea sabe, eu sei, mas um dia eu não sabia como fazia. Eu sei que você tem um vídeo explicando, o blog memories, a áurea e ariane e eu acho que o Compulsivo também tem tutoriais explicando, caso você esteja sem tempo de detalhar. Explique também que a pessoa perderá as widgets e os html que tiver instalado no template antigo, como por exemplo, Sitemeter, google analytics, essas coisas, a pessoa terá que colocar novamente e salvar as widgets em um bloco de notas, eu já vi em algum lugar, uma forma de não perder, só não estou me recordando quem fez
2- Explique que esse template não é customizável no painel do blogger, customizável no sentido de modificar o tamanho das letras, a cor do fundo, essas coisas, se a pessoa quiser mexer terá que fazer usando os códigos do template, derrepente você pode citar alguns blogs, como o cria e recria que explica alguns códigos básicos. Tem gente (eu corto meus dedos e não digo quem rsrsrs) que adora mudar as cores do blog.
3- E finalmente, deixe um pacote de imagens junto ao arquivo do template, caso a pessoa não souber mexer no photoshop como eu, ela só terá o trabalho de hospedar em algum site. Ás vezes o template com a imagem fica mais bonito de ser visto, tem gente que não faz a menor idéia do que vai colocar no seu próprio cabeçalho, acredite, tem pessoas assim.
É isso, quem buscará um template são blogueiros que não tem tanto conhecimento do assunto, que apanham nas menores bobagenzinhas, porque as pessoas que entendem do ramo, provavelmente customizam seu próprio template.
Bom fim de semana, desculpe pelo tamanho do comentário.
Iara, minhas férias já acabaram...e já fazem 10 dias...rs
Vamos por partes:
-subentende-se que os leitores do Dicas Blogger já saibam trocar o template e que irão perder os widgets (não gosto nem de lembrar quando isto aconteceu comigo pela primeira vez...!); afinal são posts que já foram ao ar e estão dentro das dicas na sidebar.
-realmente é customizável somente via html
-um pacote de imagens não resolveria por causa do nome do blog...cada um tem o seu,né?
Mas, se quiser usar o template, te ajudo a fazer a imagem. Como vc pode ver no tutorial, é bem simples.
Valeu pela contribuição.
Abraços
normalmente ferias duram 30 dias rsrs...(eu nunca tirei férias, sempre vendo pra ficar com o dinheiro, engraçado que nunca tenho dinheiro).
Tudo bem, sem problemas, meu chefe sempre fala que só se aprende depois que se perde, foi assim comigo eu perdi todas as minhas widgets e depois que eu aprendi que tinha que ter salvo rsrsrs, e nao tinha explicando que eu iria perder.
O que eu queria explicar é que muita gente procura por "templates blogger" no google e pode cair de para-quedas aqui!
O template não me "cabe" as colunas são pequeninhas...eu sou exagerada com meu blog..:( eu gosto de encher de coisas)o que ocorrerá é que vão ficar amontoados nas colunas. E ando sem paciência ultimamente pra mexer no meu. :(
Abraços.
Olá, Juliana!
Assino seu feed, apesar de quase nunca comentar, e gosto de seu blog.
Parabéns pelo template!
Há algum tempo penso em renovar o meu, e creio que este meínho de ano e esse seu template foram os incentivos finais e decisivos (risos).
Quando tiver pronto, te avisarei!
Aliás, farei os devidos créditos!
:-)
Nem é necessário tantas alterações manuais no template não :)
O autor mesmo poderia ter poupado tempo como por exemplo
Invez do usuário ficar alterando os endereços para o endereço do blog dele você poderia ter usado
< a expr:href='data:blog.homepageUrl + "feeds/posts/default"' >Assinar feed < /a >
ou
expr:href='data:blog.homepageUrl + "#"'
pra 'subir'
na verdade eu acho que só < a href='#id_ou_name' >Subir< /a > já funcionava
hsuahaus
fica aí a dica :D
eu nem gosto de mecher nesse modelo novo do blogger kkk
eu continuo fazendo meus templates no modelo antigo :D
rula mais :P
Olá Juliana, gostei tanto do seu template que estou usando agora!rsrs
Preciso de ajuda em duas questões:
A primeira é que quero colocar o menu horizontal à esquerda no topo e no começo (agora ele está tipo no meio), como faço para traze-lo para esquerda.
A segunda é que gostaria de por esta lista de objetos (não como chama)que aparece abaixo dos: Links para esta postagem e marcadores.
Como faço???
Abraço!
Realmente é uma pena ser customizável apenas no html. Mas ficou muito lindo!!!
Evangelista! seu blog está ficando bem legal!
Vá no html do template e procure por esta linha:
#top-nav {
overflow: auto;
width: 900px;
height: 50px;
margin: 0 auto;
padding: 0 250px;
background: #fff ;
Altere o padding para 200.
Abraços
Cidão: em breve lançarei outro com variáveis. Abraços
Olá Juliana,
Deu certo, mas quero que fique todos os icones do menu na mesma linha!
E a outra questão?
Obrigado!!!!
Evangelista, vai reduzindo o padding até que fique do seu gosto, mas como eu disse só cabem 06 links ao todo.
A segunta pergunta eu não entendi bem...Seria o socialbookmarks? Isto serve para mandar seus posts para diversas redes sociais e não foi incluído no template. Seria bem complicado colocar.Me manda um email que te explico como. Abraços
Obrigado, Juliana, estou usando agora. Mas, se eu quiser colocar o navbar, como faço???
Inté!
obrigado por ignorar minha dica :D
dhasushuushasua
Juju,
Está lindo seu trabalho!
Tudo de bom!
Fiquei muito feliz por ter ajudado de alguma forma para que você tenha tido tanto sucesso com seu template!
Vim desejar uma ótima semana! Grande beijo no seu coração!
Aú
Igor..vc é muito magoado! Obrigada por sua dica. Ela está aí para que todos possam utilizá-la.
Obrigada Aú...um dia, quem sabe, poderei ter o talento seu e da Ariane...aliás estou com saudades dela..sumiu!
Bjssssss
Pablito, com a navbar não fica muito bom, mas caso faça questão é só avisar. Ah seu blog está ficando legal! Abraços
Que isso Ju,
Todas temos nossos talentos, ainda bem que são diferentes, mas ótimos.
Também estou com saudades da Ariane!
Bjks
Menina, como é bom mexer com isto! Faz umas 03 horas que estou aqui dando uma geral no Dicas Blogger...acho que levo jeito..rsss
Beijos minha querida amiga!
Juliana Sardinha, shaushu nem sou não :)
Eu falei só pra enxer o sako kkk
A dica é pra você karamba LoL
Daí tu coloka no template pra que as pessoas que vão usar não precisem ficar modificando um monte de coisas
Torna mais 'usavel' o template, não exigindo que o usuário faça nenhuma mudança
Normalmente quem usa templates prontos não tem mta noção de como mexer em um
sausuahsus
Olá Juliana, bom dia!
Desculpe-me a ignorancia, mas qual é o seu e-mail para eu aprender a colocar o socialbookmarks?
Por via das duvidas o meu é: williamcomjesus@ig.com.br
Grato!
ABração!
Opa! Muito obrigado pelo template...xD
Vou dar uma olhadinha...também estou pensando em começar a desenvolver uns...
Abraços.
nossa, como estou desatualizada, perdendo todas as estréias! amiga, ficou lindo, eu adorei!! Também estou com muitas saudades mesmo! Ando tão enrolada que nem os meus blogs atualizo mais. quero ver se essa semana ajeito tudo. Parabéns mesmo! Bjs
Amiga!!!!!!!!!!!
Vc voltou!!!!!
Estamos com saudades viu?!
E obrigada pelos elogios..sou apenas uma aprendiz...
Bjs!!!!
Evangelista, o email de contato está no topo do blog. Abraços
Juliana, instalei hoje o template no meu blog. Fiquei ontem tentando customizar, fazer alterações e tal para deixá-lo como eu queria. No entanto, quando segui a dica do Compulsivo para criar duas colunas no rodapé do blog, não só os créditos sumiram como o ícone para voltar ao topo também. Não sei em que ponto do tutorial eles desapareceram. Peço sua ajuda para colocá-los de volta, pois não quero que pareça que quis retirar os créditos. Obrigado!
Rogério, ficou muito bom!!!! Não consegui escrever meu comentário lá. Verique sua configuração Quanto a dica Compulsiva, em templates mais largos fica meio estranho mesmo. Testei nos meus blog e aconteceu o mesmo erro que vc relatou. Acredito que seja pq são só duas barras e não 3. Vc tanto pode deixar como está e escrever os créditos quanto retirar o código e voltar ao modelo anterior. Abraços
Oi Juliana, este template é muito bom, eu estava a procura de um template alternativo para o meu blog, então decidi editar o seu. Gostaria que você desse uma olhada para ver como está, eu já modifiquei muitas coisas e ja estou acabando. Se ficar bom eu vou usá-lo.
Obrigado.
Porque é que este template foi removido?
Cumps
Não consegui colar a imagem no header
Puxa, valeu! Segui os passos e deu certo!
Depois dei umas modificadinhas (apanhando muito, rs) pra ficar com a minha cara e o resultado ficou super legal. Obrigada!
beijão
Muito legal esse teu template, estava procurando um template clean para mudar o meu blog, coloquei este e acho que ficou muito bom. Pretendo mante-lo até eu ter capacidade de criar um só para mim.
Mas sou meio enrolado com essa coisa de html, quando acho que estou fazendo certo fica pior ainda, por isso só fiz as alterações mais básicas que tu indica no post e mais nada.
Estou tentando colocar o formulário de comentários embutido nas postagens, igual como tu usa aqui, estou seguindo a dica do blog do Compulsivo mas o código que ele indica que deve ser substituído não aparece no teu template(claro) e eu não encontrei o código equivalente. Se puder me ajudar, pode ser só apontando um caminho para eu alterar os comentários, eu agradeço!
bom blogue,util e claro embora as coisas estejam umpouco concentradas de mais
veja o meu em allforabetterworld.blogspot.com
Muito legal os templates, posso usar um deles? Gostei muito do verde, pois tenho um projeto para lançar em breve.
thanks for all
Olá....primeiramente gostaríamos de elogiar seu blog, é perfeito para iniciantes na blogosfera como nós....além disso, gostaríamos de agradecer eternamente sua ajuda no que se refere a templates, pois nosso blog estava com uma que não conseguíamos trocar o cabeçalho....mas aí mudamos para essa aqui e tudo se resolveu graças as suas dicas perfeitas...muito obrigada mesmo...Dá uma passadinha no nosso blog (http://generodomedo.blogspot.com) para ver como ficou....lógico que demos umas adaptadas...hehehe... abraços
Ficou lindão o blog heim? Parabéns!
Adm Web, são todos gratuitos. Só peço que mantenha os créditos no rodapé. Abraços
Olá Juliana, estou com problemas para configurar o cabeçalho. Gostaria que ficasse de um canto a outro da página, preenchendo todo o topo horizontal e não limitado como está. Já tentei na opção de layout – fontes e cores, mas nada acontece. Saberia dizer como soluciono este problema?
Juliana,
De todos os templates o que mais gostei até hoje foi este, justamente pela sua simplicdade.
Mas estou encontrando problemas com a edição do mesmo. Primeiro, na área de incorporação de widgets quando incorporo algo ao blog, ao clicar em SALVAR ele dá um erro b...... do Blogger.
Tenho sempre que atualizar a página para corrigir o problema.
Também quando finalmente as widgets (HTML, text, etc) são instaladas no blog, aparecem desordenadas.
Eu queria saber se você tem um modelo atualizado deste mesmo template ou se onde estou errando!?
Abraços e obrigado.
Oi ! estou usando um template seu agradeço muito!
"Template Blogger Elegance" tenho outro blog e gostaria de colocar aquela barra que fica o titulo dos meus GADGETS no caso do seu template é preta que fica no topo de cada um . gostaria de colocar uma com esse codigo de cor (#607B8B )sera que vc pode me ajudar? lhe agradeço muito !
Xandao Pirado
Vou tentar adicionar esse template no meu blog, espero que dê certo e que eu não faça burrada. Muito obriago pelas explicações, achei esse template perfeito, principalmente pela clareza e objetividade dele.
Abraço
Postar um comentário
Os comentários deste blog são moderados.
Use sua conta do Google ou OpenID.
Se você é novo(a) por aqui, leia os Termos de Uso e as Perguntas Frequentes antes de prosseguir. Obrigada pela visita!!