Como editar o código-fonte (HTML) de seu blog no Novo Blogger

Dentre diversas novidades que o Blogger anunciou, a que mais se destacou foi o novo painel, que está surgindo aos poucos para todos os usuários. A qualidade da nova interface é extremamente alta, e muitos novos recursos surgiram. Apesar de todas as novidades, há um problema, que incomoda bastante todos que já utilizam o novo painel: não há mais uma aba para que possamos editar o código-fonte do blog, apenas alterá-lo utilizando o Designer do Modelo, o que dificulta alterar o layout, deixando-o mais profissional e elegante. Não sabemos se a equipe do Blogger irá criar um meio fácil de editar o HTML do blog, e por isso, devemos utilizar outros meios para fazê-lo.

Clique aqui para ler o resto do artigo >>

O que é template e como utilizá-lo?

Todos os blogs tem um template, por mais simples que sejam. Muitos blogueiros iniciantes não sabem alterar o template de seu blog, ou nem sabem o que é isso. Saiba que o template é algo fundamental para o blog, e se você ainda não sabe o que é, ou nem trocou o de seu blog, está na hora de começar as mudanças.

Clique aqui para ler o resto do artigo >>

Templates do Dicas Blogger - Templates de qualidade para seu blog

O Dicas Blogger é o metablog mais conhecido em toda a blogsofera brasileira, disponibilizando dicas ótimas para seus leitores, mais especificamente para usuários do Blogger. Juliana Sardinha, além de disponibilizar as dicas para os blogueiros, agora, está desenvolvendo templates gratuitos e disponibilizando-os para seus leitores.  Como achei excelente a idéia, resolvi divulgá-la.

Clique aqui para ler o resto do artigo >>

Template iBlog - Blogger

Demo | Download

Desde o lançamento do designer do modelo, muitos blogueiros da plataforma Blogger não estão mais utilizando templates personalizados, e optando pelos simples modelos. Creio que, o designer do modelo não seja uma ferramenta tão poderosa para desenvolver grandes templates, mas sim, apenas para desenvolver templates básicos e simples. Estou disponibilizando este ótimo template para o Blogger. Para utilizá-lo, basta fazer as modificações citadas abaixo.

Clique aqui para ler o resto do artigo >>

Template Tweet - Baseado no Layout do Twitter

Demo | Download

Traduzi, corrigi e otimizei este template. Ele é super leve, e seu layout é baseado no do Twitter. Para que ele funcione corretamente, você deve fazer algumas alterações.

Clique aqui para ler o resto do artigo >>

7 Sites de templates para Blogger

Encontrar bons templates com fácil configuração, não é fácil, e requer tempo para encontrar o template perfeito. Procurando facilitar a vida de meus leitores, estou apresentando uma lista com 7 ótimos sites de templates. Confira a lista abaixo:

Clique aqui para ler o resto do artigo >>

Template Expi - Traduzido e otimizado

Demo | Download

Como prometido, cá estou eu, disponibilizando o primeiro template, que já tem uma certa fama internacional, porém, traduzi-o e otimizei-o. Veja as vantagens desse template e os novos recursos instalados nele:

Clique aqui para ler o resto do artigo >>

Template Librio

Demo | Download

Um template simples, de fácil uso, com uma coluna lateral e uma vertical. Possui um barra de busca no cabeçalho e, abaixo, "Subscribe", para assinar o feed. Para que o template funcione de forma correta, é necessário fazer as seguintes alterações nele:

Para trocar o botão "Edit" no menu vertical superior...
Vá em Layout -> Editar HTML -> Pressione CTRL + F e procure pelo seguinte código:

<li><a href='#' title='Edit this link'>Edit</a></li>


Troque o # pelo link que deseja direcionar, e o "Edit" pelo nome que deseja que apareça na linkbar.


Para trocar o texto "Subscribe"...
Vá em Layout -> Editar HTML -> Pressione CTRL + F e procure pelo seguinte código:


<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='feed'>Subscribe</a>


Substitua o texto "Subscribe" por "Assine nosso feed" e salve.

Clique aqui para ler o resto do artigo >>

Template Dreamy

Demo | Download

Um belo template, com inúmeros recursos e um belo design. Para que ele funcione perfeitamente, você deverá fazer as devidas modificações:

Vá em Layout -> Editar HTML -> Marque a opção "Expandir modelos de widget". Procure por:

http://dl.getdropbox.com/u/1693834/javascript/summary-post.js


Substitua isto por:

http://bloggertuts.googlecode.com/files/summary-post.js


Agora, procure pelo seguinte código:


<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>


Substitua este código pelo seguinte código:

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>


Salve e divirta-se!

Clique aqui para ler o resto do artigo >>

Gamma Ray

Este tema inclui um deslumbrante escuro animados seção postos destacados e tipografia muito elegante.

Demo | Download

Clique aqui para ler o resto do artigo >>