Formulário de Contato Grátis...crie o seu! bem diferente...PARA BLOGGER E WORDPRESS...

Envie e-mails em massa de graça

Este é um pequeno script que envia e-mails para várias pessoas de uma só vez. É muito útil para o envio de newsletter ou de novidades em seu site. Mas não abuse do script pois seu e-mail poderá ser considerado spam, por isso de um intervalo de dias em seu envios e também evite títulos com caracteres especiais(ç,!,?,+), para que não ocorre este problema. Veja como usar o script:

Crie sua lista de e-mails

1) Crie um novo arquivo no bloco de nota
2) Insira os e-mails que deseja um em baixo do outro, no formato de lista.
3) Escolha um nome e salve como documento de texto.
4) Agora Hospede o arquivo no Google site
5) Guarde a url da lista.

Crie uma mensagem

1) Crie sua mensagem no formato HTML. Com a extensão .html ou .htm

Atenção é uma obrigação legal sua mensagem conter uma forma do usuário não recebe-lá mais, por isso no final da mensagem você deve inserir um link para uma página onde ele poderá pedir o cancelamento.

2) Hospede no Google site
3) Guarde a url da mensagem.

Preencha o formulário abaixo:

Atenção os endereços da lista e da mensagem devem começar com http://
Aguarde a confirmação do envio!

Formulário de contato com Jquery – Blogger/WordPress

" ... mais um formulário de contato..., muito bonito e de fácil instalação."

" Melhorando ainda mais os meios de contato do seu blog,

quem possui o WordPress

basta instalar um plugin ...

abaixo e quem possui o Blogger

basta utilizar a minha conversão do plugin,

veja um demo"

Instalando no Blogger

1) Acesse o painel do Blogger(blogger.com)

2) Vá em “Layout/Design”-> Editar HTML

3) Procure pelo seguinte:

</head>

Antes do código acima adicione:

<script src='http://www.google.com/jsapi'/> <script type='text/javascript'> google.load("jquery", "1.4"); </script> <script src='http://jqueryjs.googlecode.com/svn-history/r6291/trunk/plugins/validate/jquery.validate.pack.js' type='text/javascript'/> <script charset='utf8_decode' src='http://noticiaeblog.mynetcko.com/noticiaeblog/arquivos/php/formulario.php?email=fernandopasse@hotmail.com&blog=Noticia e blog' type='text/javascript'/>

Obs.: Substitua o trecho em vermelho pelo seu e-mail de contato, e em azul pelo nome do seu blog.

4) Procure pelo seguinte:

]]></b:skin>

Antes do código acima adicione:

/* Contato --------------------------------------*/ #content{background-color:#FDFDFD;border-left:2px solid #333;border-right:2px solid #333;position:relative;width:930px;height:100%;margin:0 auto;padding:10px;} #contactable{background-image:url(http://imgur.com/0PfWr.png);color:#FFF;background-color:#333;cursor:pointer;height:102px;left:0;margin-left:-5px;overflow:hidden;position:absolute;text-indent:-100000px;top:102px;margin-top:10px;width:44px;z-index:100000;} #contactForm{background-color:#333;border:2px solid #FFF;color:#FFF;height:450px;left:0;margin-left:-434px;margin-top:-160px;overflow:hidden;padding-left:30px;position:fixed;top:200px;width:394px;z-index:99;} form#contactForm input,textarea{background:#FFF none repeat scroll 0 0;outline-style:none;outline-width:medium;width:325px;border:1px solid #dfdfdf;font-family:georgia;font-size:1em;margin-bottom:10px;padding:5px;} form#contactForm .submit{background:#F5410F none repeat scroll 0 0;outline-style:none;outline-width:medium;width:325px;border:3px solid #F52D0F;outline-color:0;font-size:1em;cursor:pointer;color:#FFF;text-transform:uppercase;font-weight:bolder;font-family:Helvetica;margin-top:10px;padding:5px;} form#contactForm p{width:325px;font-size:.9em;} #contactForm .red{color:#F5410F;} #overlay{background-color:#666;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;margin:0;padding:0;} form#contactForm #loading{background:url(http://imgur.com/v4Q5C.gif) no-repeat;width:55px;height:55px;display:none;margin:100px auto;} #callback{font-family:georgia;font-size:1.1em;color:#FFF;width:325px;display:none;margin:100px auto;} .holder{padding-top:20px;margin:0 auto 0 20px;} form#contactForm .disclaimer,form#contactForm label{margin-left:20px;} .error,#name.error,#email.error,#comment.error{background-color:#EDBE9C;}

5) Procure pelo seguinte:

<body>

Abaixo dele adicione o seguinte:

<div id='contact'/>

6) Salve as alterações.