11:04
7


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


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

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

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

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

 /* 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

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

7 коммент.:

  1. Привет, спасибо за новость, очень интересная кнопочка! Но я попыталась ее вмантировать у себя и у меня ничего не получилось... :( может что то не так делаю...

    ОтветитьУдалить
  2. Последнее время я стала не внимательной к точным объяснениям. Прежде чем вставлять данный скрипт, нужно на блог установить сам виджет. Я добавила в сообщение как это сделать и где его найти)

    ОтветитьУдалить
  3. а для совсем чайников: это где искать?

    ОтветитьУдалить
    Ответы
    1. =D Не переживайте. Форма связи находится во второй вкладке Вверху вкладка ОСНОВНЫЕ гаджеты, а под ней ДОПОЛНИТЕЛЬНЫЕ.

      Удалить
    2. ага, нашла. а вот где искать?

      Удалить
    3. http://studying-blogin.blogspot.com/2013/04/kak-naiti-tag-v-novom-HTML-blogpost.html почитайте

      Удалить

Есть вопросы? Или просто хочется поговорить? Оставляйте комментарии