неделя, 22 септември 2013 г.

Добавяне на форма за контакт на страница в 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 и не го използвате често, можете с настройките там, да препращате съобщенията и към друг имейл по ваш избор.
Още нещо, което е важно. Не изтривайте притурката от оформлението на блога. Тя няма да се вижда и не ви пречи, но ако я махнете, можете да развалите и контактната форма.
За по-уверените в себе си, само ще добавя, че по този начин, могат да се добавят и други притурки на страници.

6 Коментара:

Митко Василев каза...

Владо, има и по-лесен начин. Вече са направили готова притурка, но е леко забутата и трябва да се търси.

Владимир Кабрански каза...

Точно тази използвам за основа. Само че, в блогер притурка на страница няма как да се сложи. Опитах няколко външни, но не работят добре, а и не съм сигурен,през какви ръце ще преминава кореспонденцията.

Митко Василев каза...

Не съм сигурен, че те разбирам добре, обаче при мен се получи.

Владимир Кабрански каза...

Да имаш формата в страничната лента. В случай обаче става въпрос за вкарването ѝ в отделна страница на блога.

Митко Василев каза...

Така да, нужно е вписване на кода за това.

Unknown каза...

Много полезно ,но не мога да го направя в моя блог.

Публикуване на коментар

:п :1а :2а :3а :4а :5а :6а :7а

Правила за съдържанието

Криейтив Комънс договор
Произведението използва Creative Commons Признание-Некомерсиално-Без производни 2.5 България License. Моля, копирането на материали от тук, да става с указване на източника с реален линк.
Блог класация

За мен

Моята снимка
"Ако двамата имаме по една ябълка и ги разменим, пак ще имаме по една ябълка. Ако двамата имаме по една идея или информация и ги разменим, всеки ще има по две!" Джордж Бърнард Шоу

Намерете ни във Facebook

  ©Другият - Всички права запазени

Template by Dicas Browser | Template original Dicas Blogger | Topo