Форма за контакти в Блогер – Contact Form Widget
Blogspot е много лесна платформа за правене на малки блогчета които играят ролята на сателитни. С нея се работи много лесно, и въпреки недостатъците си, все пак е безплатна, заедно с платформата wordpress.com са най-добре класиращите се в резултатите на търсачката гугл. Как да не я обича гугл като е негова? 😉
Прочети ►►► Blogspot Vs WordPress : Кой е по-добър?
До преди месец платформата нямаше собствена форма за контакти и почти винаги ползвах готовия скрипт на foxyform с който се работи много лесно. (copy/paste), но сега след като Блогър пусна собствена контактна форма реших да я пробвам. Ето как изглежда тя в един SEO блог за оптимизация за търсачки.
Въпреки че преместих blog7.org от blogspot на wordpress и на собствен хостинг, което можете да прочетете тук, Блогер си остава моя любима платформа за сателитни блогове.
Как да я добавим в блога си?
Не забравяйте че работите с блогер, а там нещата са лесни. 😉 Клик на оформление, добавяне на притурка и избираме contact form gadget
Сега трябва да създадем или:
- Нова страница
- Нова статия
в която ще добавим с 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 кода.
Интересува ни точно този код:
<b:widget id=’ContactForm1′ locked=’false’ title=’Contact Form’ type=’ContactForm’>
<b:includable id=’main’> <b:include name=’quickedit’/></b:includable>
Маркираме от точно този код както е показан на снимката и го трием.
Така че да ни остане само това което е показано в следната картинка:
Запазваме шаблона и вече си имаме форма за контакт която когато я използваме изпраща мейл на посочения адрес в блога ни, със следния текст: Този email беше изпратен от формата за контакт в сайта http://www.ime-na-sait.com 😉