Gadget formulário de contacto no blog

Muitas vezes gostaríamos de saber o feedback das pessoas que visualizam o nosso blog, quanto mais não seja para criticar. Ora, temos esta opção de escolha, simples e prática.

Aviso ☄ : Essas configurações precisam de algum conhecimento em códigos HTML e CSS. | Teste sempre num blogue de testes; | Salve o seu template antes de começar, clicando em: Fazer Backup/Restaurar; | Leia o tutorial até o fim e tenha certeza que entende tudo.

Vá em Layout/Esquema do seu blog.
Escolha o sitio que que deseja que apareça o formulário de contacto e click em Adicionar uma miniaplicação » HTML/JavaScript e cole este código:

<script>

var blogId = 'id-do-seu-blog';//colocar o seu id_blog

//Pode personalizar estas 5 mensagens

var contactFormMessageSendingMsg ='A enviar (...)';

var contactFormMessageSentMsg = 'A sua mensagem foi enviada com sucesso! :)';

var contactFormMessageNotSentMsg = 'A mensagem não pôde ser enviada. Por favor, tente novamente mais tarde.';

var contactFormEmptyMessageMsg ='O campo de Mensagem não pode estar vazio!';

var contactFormInvalidEmailMsg = 'Introduza um e-mail válido por favor.'



var widgetLoaded=false;

function sendEmailMsg() {

if(widgetLoaded== false) {

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

widgetLoaded=true;

document.getElementById('ContactForm1_contact-form-submit').click();

}

return true;

}

</script>

<form name='contact-form'>

<div>Nome : </div>

<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>

<div>Email : <em>(obrigatório)</em></div>

<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>

<div>Mensagem: <em>(obrigatório)</em></div>

<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>

<p></p>

<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Enviar' onclick="sendEmailMsg()"/>

<div style='text-align: center; max-width: 450px; width: 100%'>

<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>

<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>

</div>

</form>

Pode ver o id-do-seu-blog mesmo em cima, por exemplo:
https://www.blogger.com/blogger.g?blogID=263644********33450#(...)
Copie o seu id e cole no código do formulário.
Guarde o gadget e já está. Pode testar.