Google+ Followers

Будь в курсе событий!

26.06.2013

Виджет "Форма связи&quot

Leave a Comment


Недавно для блоггер появился гаджет обратная связь. Думаю для таких блогов как мой  и возможно не только, данная форма будет интересна.
Чтобы  установить на блог форму cвязи нужно добавить гаджет:
добавить виджет "Форма связи"


Для начала, что это такое, для чего нужно.

Форма обратной связи  - это возможность написать автору блога сообщение с личным  вопросом. Который будет перенаправлен на его личную почту.

Зачем нужна обратная связь.

На любом сайте блоге, должен быть  электронный адрес автора. Что бы при возникновении каких либо личных вопросов можно было задать их не на всеобщее обозрение. Желательно что бы такой адрес был кликабельный то есть при его нажатии выводилась форма отправки. Но при этом возникает проблема спама. Ведь не все люди  такие уж и доброжелательные. А когда на блоге (сайте) стоит  такой виджет можно «убить» двух зайцев и emailостанется  в тайне, но и человек  которому нужна помощь, сможет  отправить свой вопрос.
Сама форма от гугл, не очень разнообразна, но мои читатели креативны, поэтому я для них нашла возможность чуть улучшить вид данной связи. В частности можно поменять кнопочку при наведении на тот цвет который вам по душе.
Перед вставить этот код

 /* Contact Form Container */.contact-form-widget {width: 500px;max-width: 100%;margin: 0 auto;padding: 10px;background: #F8F8F8;color: #000;border: 1px solid #C1C1C1;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);border-radius: 10px;}
/* Fields and submit button */.contact-form-name, .contact-form-email, .contact-form-email-message {width: 100%;max-width: 100%;margin-bottom: 10px;}
/* Submit button style */.contact-form-button-submit {border-color: #C1C1C1;background: #E3E3E3;color: #585858;width: 20%;max-width: 20%;margin-bottom: 10px;}
/* Submit button on mouseover */.contact-form-button-submit:hover{background: #4C8EF9;color: #ffffff;border: 1px solid #FAFAFA;}

width: 500px;- ширина виджета


#F8F8F8- цвет рамки виджета

width: 20%;max-width: 20%-  размер кнопки (отправить)


Ну вот пожалуй и все)




Система Orphus

Пожалуйста не забывайте нажать

0 коммент. :

© 2012-2017 Cash's from program