Добавяне на форма за контакт на страница в Blogger

В Blogger от няколко месеца има възможност за добавяне на форма за контакти, като притурка. За съжаление обаче, това не е много практично. Повечето блогове имат отделна страница за контакти и мястото на формата е там. Добавянето на притурки на страници обаче, не е възможно по обикновения начин.
Все пак има начин и наскоро ми се наложи, да го направя. Добавих контактна форма на страницата За мен в личния си блог Нямам идея.
Как става това?
Първа стъпка е добавяне на притурката Формуляр за връзка в блога ви. От Таблото за управление изберете Оформление – добавяне на притурка. Притурката Формуляр за връзка се намира не в Основни положения, а в Още притурки. Добавете я, преместете я някъде долу в страничната лента и запазете подредбата.
Втората стъпка е създаване на нова страница или редактиране на съществуващата, на която искате да е формата за контакти.
На страницата преминете в режим HTML и се уверете се, че в Опции е зададено Показване на точния HTML код.

Поставете следния код където искате да се визуализира и публикувайте страницата.

<form name="contact-form">
<div>
Вашето име : </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <br />
<div
Вашия имейл : <i&gt(задължително)</> </div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br />
<div>
Вашето съобщение:< i> (задължително)</i> /<div>
<textarea class="contact-form-email-message" cols="100" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"> </textarea&gt <br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Изпрати" /> <br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

Сега от Таблото за управление отидете на Шаблон и изберете Редактиране на HTML кода. В този случай няма смисъл, да търсите както обикновено. Просто от менюто Прескачане към приспособлението изберете ContactForm 1. Ше се наложи и да разгънете със стрелкичките вляво. Вижте на снимката:

Няма да добавяте нищо, а ще изтриете редовете, които са отбелязани на снимката.

Накрая мястото трябва да изглежда така:

Запазете промените. Вече имате контактна форма на своята страница. Проблем е, че при оригиналното оформление полето за съобщение е много тясно. Затова ще добавим в кода на блога възможност за регулиране на широчината.
Отидете на Редактиране на HTML кода и потърсете следния ред:

]]></b:skin>

Точно над него, ще поставете кода за оформление на притурката:

.contact-form-name, .contact-form-email {
max-width: 200px;
width: 100%;
}
.contact-form-email-message {
max-width: 400px;
width: 100%;
height: 150px;
}

С промяна на размерите в тези редове:
.contact-form-email-message {
max-width: 400px;

Променяте широчината. Можете да коригирате широчината, а с ( height: 150px; ) височината на полето за съобщение.
Вече имате контактна форма, каквато желаете. Всяко съобщение от нея, ще се получи на имейла, който е ваш основен в Blogger или Google +. Ако е в Gmail и не го използвате често, можете с настройките там, да препращате съобщенията и към друг имейл по ваш избор.
Още нещо, което е важно. Не изтривайте притурката от оформлението на блога. Тя няма да се вижда и не ви пречи, но ако я махнете, можете да развалите и контактната форма.
За по-уверените в себе си, само ще добавя, че по този начин, могат да се добавят и други притурки на страници.