Недавно для блоггер появился гаджет обратная связь. Думаю для таких блогов как мой и возможно не только, данная форма будет интересна.
Чтобы установить на блог форму cвязи нужно добавить гаджет:
добавить виджет "Форма связи" |
Для начала, что это
такое, для чего нужно.
Форма обратной связи
- это возможность написать автору блога сообщение с личным вопросом. Который будет перенаправлен на его
личную почту.
Зачем нужна обратная связь.
На любом сайте блоге, должен быть электронный адрес автора. Что бы при
возникновении каких либо личных вопросов можно было задать их не на всеобщее
обозрение. Желательно что бы такой адрес был кликабельный то есть при его нажатии
выводилась форма отправки. Но при этом возникает проблема спама. Ведь не все
люди такие уж и доброжелательные. А когда
на блоге (сайте) стоит такой виджет
можно «убить» двух зайцев и email
останется в тайне, но и человек которому нужна помощь, сможет отправить свой вопрос.
Сама форма от гугл, не очень разнообразна, но мои читатели
креативны, поэтому я для них нашла возможность чуть улучшить вид данной связи.
В частности можно поменять кнопочку при наведении на тот цвет который вам по
душе.
Перед </b:skin> вставить этот код
Перед </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;}
#F8F8F8- цвет рамки виджета
width: 20%;max-width: 20%- размер кнопки (отправить)
Ну вот
пожалуй и все)
Пожалуйста не забывайте нажать
Привет, спасибо за новость, очень интересная кнопочка! Но я попыталась ее вмантировать у себя и у меня ничего не получилось... :( может что то не так делаю...
ОтветитьУдалитьПоследнее время я стала не внимательной к точным объяснениям. Прежде чем вставлять данный скрипт, нужно на блог установить сам виджет. Я добавила в сообщение как это сделать и где его найти)
ОтветитьУдалитьа для совсем чайников: это где искать?
ОтветитьУдалить=D Не переживайте. Форма связи находится во второй вкладке Вверху вкладка ОСНОВНЫЕ гаджеты, а под ней ДОПОЛНИТЕЛЬНЫЕ.
Удалитьага, нашла. а вот где искать?
Удалить/b:skin
Удалитьhttp://studying-blogin.blogspot.com/2013/04/kak-naiti-tag-v-novom-HTML-blogpost.html почитайте
Удалить