O Template Clarice pode ser personalizado no painel de fontes e cores.
Os ícones são do site famfamfam e os ítens que levam imagens podem ser facilmente localizados na CSS, caso você queira altera-las.
Neste DEMO você encontra os tutoriais para configurar seu Blog.
Além dos ítens tradicionais dos templates do Blog a la Carte, o Clarice tem como novidade:
- menu drop-down;
- sumário do post com link para expandir na mesma página;
- posts relacionados por categoria;
- ícones nos ítens de lista;
- fotter 3 colunas para "Destaques";
- caixa de busca personalizada.
Espero que vocês gostem!
Leia Mais >>
<< Voltar ao Sumário
Este template foi customizado para apresentar formulário de comentários na página do post.
Habilite seu Blog conforme as instruções que seguem.
Assim que fizer a instalação, acesse o Blogger Draft e na Guia "Configurações" entre nas configurações de "Comentários".
No ítem "Posição do Formulário de Comentários" clique na opção "Postagem abaixo incorporada" e salve suas configurações.
Leia Mais >>
<< Voltar ao Sumário
Você pode mostrar uma lista dos links que seu Blog recebeu de outros parceiros usando o gadget de "Feed" do Blogger. Uma série completa de tutoriais sobre backlinks pode ser encontrado nas páginas do UsuárioCompulsivo. Veja como apresentar a lista dos Backlinks:
Acesse a busca de blogs do google. No box coloque o endereço para pesquisar: link:NOME DO SEU BLOG.blogspot.com/ e clique "Pesquisar Blogs".
A pesquisa irá mostrar os backlinks que seu blog recebeu. No lado esquerdo da tela, clique no Feed (RSS ou Atom). Copie o endereço da página que abriu.
Na Guia "Layout" edite o elemento "Feed" Backlinks Recentes ou acrescente esse elemento se não houver. Cole no box "url do feed" o endereço copiado. Verifique se o título está ok e salve.
Leia Mais >>
<< Voltar ao Sumário
O template Clarice contém um menu drop-down de 3 níveis. Caso você não deseje utiliza-lo, basta deletar o elemento de página HTML/JavaScript "Menu", abaixo do Cabeçalho na Guia "Layout". Uma outra versão estará disponível em breve com menu simples. Se for utilizar o menu drop-down, siga as instruções para configurar seus links.
Primeiramente planeje seus links num rascunho. Escolha os ítens que serão os links principais, aqueles que deverão expandir para um segundo nível e os que devem expandir para o terceiro nível.
Acesse o arquivo em bloco de notas links-menu-clarice, faça o download para o seu computador.
Nesse bloco de notas, substitua onde está LINK PRINCIPAL, Link Secundário e link terc. pelos seus links e respectivos nomes. Selecione todo o texto e copie.
Acesse seu Blog e na Guia "Layout" clique para editar o elemento de página HTML/JavaScript "Menu".
Cole o texto do bloco de notas no box do elemento e salve. Verifique se o menu ficou da maneira que você planejou. Caso contrário, volte ao bloco de notas e reveja seus links.
Se você desejar uma configuração diferente para os níveis, aguarde um tutorial detalhado sobre menu drop-down no Blog a La Carte.
Leia Mais >>
<< Voltar ao Sumário
Neste template usei o espaço do Footer-Wrapper de 3 colunas para "Destaques". Você pode utilizar essa idéia colocando "chamadas" para os posts recentes ou antigos que você deseja que seus leitores visitem com mais frequência, utilizando elementos de página de Texto ou HTML/JavaScript. Se você não quiser usar essa configuração, mas sim aproveitar o Footer para outro tipo de elemento de página, como lista de links, marcadores, arquivo, etc, faça uma pequena alteração na edição de HTML do template, para que a apresentação fique mais uniforme.
Na Guia "Layout" vá para "Editar HTML", salve o template. Procure os códigos de estilos do Footer e substitua apenas os estilos de #footer-column-container { e .footer-column { conforme segue:
#footer-column-container {
background:$sidebarbgcolor;
border: 1px solid $bordercolor;
margin-top: 0;
margin-bottom: 0;
margin-left: 13px;
margin-right: 13px;
clear:both;}
.footer-column {
margin-left: 8px;
margin-right: 8px;
padding: 0 4px 0 4px;
color: $sidebartextcolor;
line-height: 1.2em;}
Visualize o template e estando tudo ok, salve.
Leia Mais >>
<< Voltar ao Sumário
Para mostrar os comentários mais recentes de seus leitores na barra lateral de seu Blog, como mostrado neste DEMO, você pode utilizar o widget adaptado pelo Blog a La Carte, do script desenvolvido pelo Tips for New Bloggers. Se você preferir hospedar o script em seu próprio site de hospedagem, as instruções estão no final do artigo.
Na Guia "Layout", edite o elemento de página HTML/JavaScript "Comentários Recentes" - altere o título se desejar. Se seu template não possue esse elemento, adicione um elemento HTML/JavaScript.
UTILIZANDO O SCRIPT HOSPEDADO NO "HOST" DO BLOG A LA CARTE
- Acesse a página WIDGET e copie o código no box do elemento de página.
- Altere onde está em VERMELHO para o endereço de seu blog.
- Pode alterar também o seguinte (ítens em azul):
var numcomments= 5 : altere para o número de comentários recentes que você quer visualizar na página;
var numchars= 50 : altere para o número de characteres que você quer que sejam visualizados.
HOSPEDAR O SCRIPT EM SEU HOST
- Copie o seguinte endereço e cole na barra de seu navegador:
http://ro60zanchetta.googlepages.com/RecentComments.js
- Faça o download do arquivo para o seu computador e o upload para o seu site de hospedagem.
- Execute o mesmo procedimento descrito acima, alterando o endereço do script para o novo endereço do arquivo que você hospedou.
Leia Mais >>
<< Voltar ao Sumário
O Blogger permite que você adicione conteúdo de Feed em seus elementos de página. É possível usar essa opção para apresentar os artigos mais recentes de seu próprio blog.
Para que seus leitores possam ver seus posts mais recentes, siga esta dica.
Na tela inicial do seu blog, clique em "Assinar: Postagens (Atom)" - lá no rodapé da página.
Copie o endereço da página que abriu - que deverá ser como o seguinte:
http://NOME DO SEU BLOG.blogspot.com/feeds/posts/default
Agora na tela de Layout, clique para editar o elemento de Feed "Artigos Recentes" - substitua esse título se preferir. Se no seu template não há esse elemento, adicione um elemento de página e procure o gadget "Feed".
Cole o endereço da página de feed que você copiou no box "url do feed" e salve.
Leia Mais >>
<< Voltar ao Sumário
Neste template, na coluna direita do "Header", acima da caixa de busca, você pode adicionar um elemento de página que permite aos seus leitores assinar o feed de seus posts e dos comentários.
Edite o elemento HTML/JavaScript com os códigos que vou passar abaixo para feed do feedburner ou para os originais do blogger.
Se você queimou seu feed com o Feedburner, copiar o seguinte código e colar no box do elemento de página:
<div id="favoritos"><a href="http://feeds.feedburner.com/NOME DO SEU FEED" rel="alternate" title="Adicionar aos Favoritos" type="application/rss+xml"><img alt="Adicionar aos Favoritos" style="border:0" src="http://blogalacarte.googlepages.com/rss-blue-16.png" align="middle"/></a><a href="http://feeds.feedburner.com/NOME DO SEU FEED" rel="alternate" title="Adicionar aos Favoritos" type="application/rss+xml"> Subscrever Postagens</a><br/><br/><a href="http://feeds.feedburner.com/NOME DO SEU FEED" rel="alternate" title="Adicionar aos Favoritos" type="application/rss+xml"><img alt="Adicionar aos Favoritos" style="border:0" src="http://blogalacarte.googlepages.com/rss-blue-16.png" align="middle"/></a><a href="http://feeds.feedburner.com/NOME DO SEU FEED" rel="alternate" title="Adicionar aos Favoritos" type="application/rss+xml"> Subscrever Comentários</a></div>
Substituir onde está em BRANCO pelo nome do seu feed.
Se você não queimou seu feed, copiar o seguinte código e colar no box do elemento de página:
<div id="favoritos"><a href="http://NOME DO SEU BLOG.blogspot.com/feeds/posts/default" target="_blank" title="Adicionar aos Favoritos"><img vertical-align="middle" alt="Adicionar aos Favoritos" style="border: 0;" src="http://blogalacarte.googlepages.com/rss-blue-16.png"/> Subscrever Postagens</a><br/><br/><a href="http://NOME DO SEU BLOG.blogspot.com/feeds/comments/default" target="_blank" title="Adicionar aos Favoritos"><img vertical-align="middle" alt="Adicionar aos Favoritos" style="border: 0;" src="http://blogalacarte.googlepages.com/rss-blue-16.png"/> Subscrever Comentários</a></div>
Substituir onde está em BRANCO pelo nome do seu blog.
Se você quiser substituir o botão por outra imagem, substitua onde está em AZUL pelo endereço da nova imagem.
Leia Mais >>
<< Voltar ao Sumário
Este template contém um widget desenvolvido por Ramani da Hackosphere para apresentação reduzida da postagem na página principal e link para expandir o post na mesma página. Clique no link para ver como funciona e leia o tutorial que mostra como configurar seu Blog e como efetuar as postagens.
Na Guia "Configurações" de seu Blog do Blogger, clique em "Formatação"
No final da página, no box "Modelo de Postagem" digitar o seguinte código:
DIGITE O SUMÁRIO DO POST
<span id="fullpost">
DIGITE O RESTANTE DO POST
</span>
Salve as configurações.
Existem duas maneiras de efetuar as postagens para apresentar o sumário do post:
- Clique na Guia "Editar HTML" no box dos posts. Você poderá ver então o código colocado na configuração. Digite o sumário apagando o trecho "DIGITE O SUMÁRIO DO POST", tendo a certeza de que o código <span id="fullpost"> permanece ABAIXO DO SUMÁRIO e ANTES DO RESTANTE DO POST. Da mesma forma, digite a continuação do post apagando o trecho "DIGITE O RESTANTE DO POST", mantendo o código </span> no final da postagem.
Você deve tomar cuidado quando move imagens adicionadas às postagens. Se fizer isso no modo "Escrever", os códigos para o sumário do post podem se repetir. Da mesma forma, quando acrescenta listas ou citações (blockquotes) no modo "Escrever", os códigos podem se repetir de maneira indesejada.
A melhor maneira de evitar isso é trabalhar na Guia "Editar HTML". No caso das imagens, você pode recortar todo o código e colar no local desejado. No caso das listas e do blockquote, utilize os códigos HTML respectivos.
- Caso você não tenha segurança para trabalhar com os códigos HTML nos posts, existe uma maneira mais fácil. Apague todo o código da janela de postagem. No modo "Escrever" digite seu post da maneira habitual; acerte o local das imagens, das listas e do blockquote. Quando o post estiver pronto, mude para "Editar HTML", acrescente no final do "SUMÁRIO" o código <span id="fullpost"> e no final da postagem o código </span>
Qualquer dúvida entre em contato através do Blog a La Carte.
Leia Mais >>
<< Voltar ao Sumário
Para instalar seu novo template:
- Acesse o Blog a La Carte, faça o download e salve em seu desktop ou na pasta que preferir no seu pc. Nesse último caso, anote o nome da pasta e do arquivo.
- No seu Blog do Blogger, vá em "Layout" e "Editar HTML". Para sua segurança, faça primeiro uma cópia de seu template original: clique em "Baixar Modelo Completo" e salve.
- Faça uma cópia dos seus "Widgets" em um Bloco de Notas.
- Ainda na guia "Editar HTML" de seu Blog, clique em "Arquivo" e procure o arquivo do novo template que você fez o download. Depois clique em "Fazer upload".
Seu novo template já está instalado e pronto para você fazer as configurações.
Os templates do Blog à La Carte são customizados para o Novo Blogger ou Blogger Beta.
Sua visualização no Internet Explorer 6 ou abaixo pode ficar prejudicada pois são utilizadas imagens com transparência (extensão PNG).
Leia Mais >>
<< Voltar ao Sumário