Inserindo Classificação por Estrelas no Blogspot

Este é um jeito muito legal de saber se seus leitores gostaram de suas postagens, pois permite que eles dêem uma nota para seu artigo de forma simples apenas clicando nas estrelas. O Blogger possui este recurso mais muitos blogs que possuem templates um pouco mais antigo não tem seus códigos completos por isso é necessário adicionar alguns trecho que irei mostrar abaixo.

Veja se o seu template já possui o recurso:

1) Acesse o painel do Blogger In Draft (draft.blogger.com)
2) Vá em Layout -> Elementos da página -> E em Postagens no blog, clique em editar.
3) Agora marque a opção “Mostrar classificação de estrelas ()”
4) Salve e veja se apareceu algo parecido com a seguinte imagem:

5) Se não apareceu vá para o próximo passo.

Inserindo o código no template

1) Vá em “Layout” –> “Editar HTML” –> Marque “Expandir Modelos de Widgets”
2) Procure pelo seguinte código: Abaixo deste código adicione o seguinte, mas antes verifique se já possui:

3) Procure pelo seguinte:

Agora adicione abaixo deste código o seguinte:

expr:g:text-color='data:textColor'
expr:g:url='data:post.absoluteUrl'
g:height='42'
g:type='RatingPanel'
g:width='180'>

4) Salve as alterações e visualize.

Obs: Se não encontrou o código do passo 2, insira ele abaixo deste código:

Ocultar/Exibir Gadgets Só na Página Inícial

Este truque é muito útil pois permite que você tenha muitos Gadgets sem ocupar muito espaço pois você pode equilibra-los entre as páginas do blog, além do mais permite que você tenha um meio fácil de deixar seu blog bem personalizado e disponibilizar mais conteúdos além dos que seu blog já possui nas postagens, veja como fazer isto abaixo no tutorial.

Reconhecendo um Gadget

1) Acesse o painel do Blogger
2) Vá em Layout-> Editar HTML -> Marque Expandir Modelos de Widgets
3) Procure com as teclas CTRL e F, o nome de um Widget que deseja esconder/ocultar apenas na Home, se este Widget não estiver com nome acesse o painel e dê um nome para ele apenas por enquanto, abaixo, você vai ver um exemplo de um Widget:Nome do Widget Escolhido' type='HTML'>

OBS: O trecho em vermelho mostra o ínicio de um widget, e o trecho em laranja o fim.

Aplicando a dica

4)A agora você deverá adicionar o seguintes trechos escolhendo um que faça a função desejada:
Para ocultar só na home use:Para exibir só na home use:Agora insira o trecho escolhido abaixo do código em vermelho do passo 3. E antes do trecho em laranja do passo 3 insira o seguinte:5) Salve as alterações e visualize.
6) Agora se você nomeou o Widget já pode retirar novamente o nome pois você não perderá as mudanças feitas.

Formulário de Contato Grátis

Um Formulário de contato é muito importante pois você poderá ficar sabendo o que o leitor quer te perguntar sem que ele tenha que ficar criando um e-mail para isso, o formulário vai estar lá pronto para ser preenchido, este formulário é totalmente gratuito, contém uma validação que impede que alguns campos deixem de ser preenchidos exemplo nome, e-mail. Hospedado pelo Netcko (nosso parceiro) que oferece um serviço de hospedagem grátis sem exigências.
Você poderá personaliza-lo da forma que quiser, só a página de enviar que é por padrão personalizada por mim. Abaixo você verá como instalar este formulário em seu blog.

Instalando

1) Acesse o painel do Blogger(blogger.com)
2) Vá em Postagens -> Editar páginas -> Nova Página -> Clique em Editar HTML
3) Insira o seguinte:

Nome:

E-mail:

Assunto:

Mensagem:

nome@servicodeemail.com">
Notícia e blog">

Obs: Troque o Trecho em vermelho pelo seu e-mail. O trecho em laranja pelo nome do seu site, ou pelo seu nome.
4) Escolha um nome para a página e publique.

Disponibilize Links e Códigos de Compartilhar no Rodapé das Postagens

Disponibilize um links e códigos de embutir no final de seus artigos para facilitar seu leitor a divulgar seus conteúdos e postagens em outros sites ajudando assim seu blog ser mais conhecido, pois se seus visitantes gostarem eles vão querer mostrar para outras pessoas e assim difundir seu conteúdo de forma simples e rápida. Basta fazer essas pequenas alterações abaixo em seu HTML.

Inserindo o Códigos

1)Acesse o painel do Blogger(blogger.com)
2)Vá em Layout->Editar HTML->Marque Expandir Modelos de Widgets. Procure pelo seguinte código, utilizando as teclas CTRL e F:

Abaixo do código anterior insira o seguinte:

Links para Compartilhar ou Embutir

URL:<br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-url" value="" />

Link em HTML:<br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="<a href=&quot;&quot;></a>" />

Link para Fórum:<br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="[url=][/url]" />

Inserindo Estilo ao Código

Vamos agora formatar o código procure por ]]> e antes dele insira o seguinte:#linksparaartigo {
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
input{
background-color:#ffffff;
}Salve as alterações e visualize. Abaixo veja na imagem como fica: