Formulário de Contato para Blogger em Páginas Estáticas

Por padrão ,quando se adiciona o Formulário de Contatos no Blogger é adicionado ao layout do template como uma widget.Saiba como alterar para o formulário ser mostrado numa página estática através deste tutorial.

 Os procedimentos neste tutorial foram feitos no Template Simples ( um dos templates disponíveis por padrão pelo Blogger).Em Templates Customizados os procedimentos  deste tutorial podem não finalizar no resultado esperado.

  O resultado final pode ser visualizado neste blog de demonstração.

1.Adicionar Gadget Fórmulário de Contatos ao Layout

 

 Acesse o Layout de seu template e adicione o Gadget Formulário de Contatos

Coloque um nome para o título e salve.

 

 Mova o Gadget para  a área do Footer( Rodapé ) e posteriormente salve a organização.

2.Desabilitar exibição do widget Formulário de Contato.

 

Encontre  o seguinte código em seu template:

]]></b:skin>

Coloque o código a seguir antes do código anterior 

 .widget.ContactForm {
 display: none;
 }

 3.Criar Página de Contato

Selecione HTML  em modo de edição da página  e coloque o seguinte código no campo de conteúdo


<style type="text/css">
 .widget.ContactForm {
 display: block;
 }
 h3.post-title{
  margin: 0.75em 0 0 0.75em;
}
 .post-header {
display: none;
 }
.sidebar.section{
display:none;
}
 .post-footer {
 display: none;
 }
 #blog-pager {
 display: none;
 }
 .blog-feeds {
 display: none;
 }
 .widget.ContactForm .title {
 display: none;
 }
.widget.ContactForm * {
 max-width: 80%;
 }
.footer-inner {
    padding: 0 15px;
}
.footer-outer {
    border-top: 1px none;
}
.post {
    margin: 0 ;
}
.main-inner {
    padding: 0; 
}
 </style>


Em opções de Configurações da página, selecione   "Não permitir, ocultar existentes" em Comentários dos leitores e Publique.

Resultado final

OBS:Na imagem acima é exibido um menu de Páginas,que foi inserido no Layout do template colocando-se o Gadget Páginas.