Как да добавя форма за контакти в Blogspot

Форма за контакти в Блогер – Contact Form Widget

Blogspot е много лесна платформа за правене на малки блогчета които играят ролята на сателитни. С нея се работи много лесно, и въпреки недостатъците си, все пак е безплатна, заедно с платформата wordpress.com са най-добре класиращите се в резултатите на търсачката гугл. Как да не я обича гугл като е негова? 😉

Прочети ►►► Blogspot Vs WordPress : Кой е по-добър?

До преди месец платформата нямаше собствена форма за контакти и почти винаги ползвах готовия скрипт на foxyform с който се работи много лесно. (copy/paste), но сега след като Блогър пусна собствена контактна форма реших да я пробвам. Ето как изглежда тя в един SEO блог за оптимизация за търсачки.

форма за контакт в блогър

 

 

 

 

 

 

 

Въпреки че преместих blog7.org от blogspot на wordpress и на собствен хостинг, което можете да прочетете тук, Блогер си остава моя любима платформа за сателитни блогове.

Как да я добавим в блога си?

Не забравяйте че работите с блогер, а там нещата са лесни. 😉 Клик на оформление, добавяне на притурка и избираме contact form gadget

add-contact-form-in-blogger

 

 

 

 

 

Сега трябва да създадем или:

  • Нова страница
  • Нова статия

в която ще добавим с copy/paste следния код:

<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</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='Send'/>
<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>

Публикувайте статията или страницата, не е от значение кое ще изберете. Сега нека отидем на шаблона и да отворим редактиране на HTML кода.

redaction

 

 

 

 

 

 

redaction

 

 

 

Интересува ни точно този код:

<b:widget id=’ContactForm1′ locked=’false’ title=’Contact Form’ type=’ContactForm’>

<b:includable id=’main’> <b:include name=’quickedit’/></b:includable>

Маркираме от точно този код както е показан на снимката и го трием.

delete-bincludable-of-contact-form

 

 

 

 

 

 

 

Така че да ни остане само това което е показано в следната картинка:

contact-form-widget-should-look3

 

 

Запазваме шаблона и вече си имаме форма за контакт която когато я използваме изпраща мейл на посочения адрес в блога ни, със следния текст: Този email беше изпратен от формата за контакт в сайта http://www.ime-na-sait.com 😉

The following two tabs change content below.
Казвам се Панайотис Кондоянис и се занимавам с изработка на уеб сайтове и SEO оптимизация за класиране на първа страница в google.bg и google.gr. Поддържам този личен блог на Български както и problogger.gr на Гръцки. Можете да ме намерите в: Google+, Twitter, Facebook, Pinterest, Linkedin или на email.