Новое в блоге
Loading...
24 янв. 2012 г.

Контактная форма для Blogger от сервиса Google Docs

Привет всем моим дорогим посетителям "Школа Blogger(а)"! Контактная форма - обязательный атрибут для любого блога. Думаю все знают, для чего нужна обратная связь с автором. Поэтому я не буду изобретать велосипед,  то есть объяснять как важно дать вашим посетителям возможность связаться с вами при помощи контактной формы. Сегодня я научу Вас - как создать контактную форму для Blogger с помощью Google Docs. Сначала небольшая справка.

 Документы Google (англ. Google Docs) - бесплатный онлайн-офис, включающий в себя текстовый, табличный процессор и сервис для создания презентаций, а также интернет - сервис облачного хранения файлов с функциями файлообмена, разрабатываемый компанией «Google». Образован в итоге слияния Writely и Google Spreadsheets.

Как создать контактную форму для Blogger с помощью Google Docs.

Для этого заходим на www.docs.google.com. Войти с помощью своего аккаунта Google.

Контактная форма для Blogger от сервиса Google Docs
Нажимаем красную кнопку "CREATE"(Создавать) и в выпадающем списке выбираем "Form". После этого Вы попадёте на страницу создания контактной формы:

Заполнить название формы и раздел Имя
Если видно из скриншота, здесь Вам нужно дать название контактной формы и первый раздел, где посетитель будет вводить своё имя. Далее нажимаем кнопку "Add item" и в выпадающем списке нажать на "Paragraph text" (Пункт текст). Добавится ещё один пункт,для ввода посетителем своей электронной почты.

Нажать на значёк карандаша
Что бы мы смогли отредактировать этот пункт, Вам нужно нажать с правой стороны на знак карандаша.
Дать название поля Email
Дайте названия поля для ввода Email. Обратите внимание - внизу страницы можно нажать на ссылку предварительного просмотра контактной формы.

Предварительный просмотр нашего шедевра
Вот, что получилось:

Предварительный просмотр формы для связи
Вот наша контактная форма для связи. Вы на верное скажете, какая ерунда, не чего особенного. Не спешите ругаться. Это ещё не весь цикл создания нашей формы. Вся красота будет впереди. Давайте продолжим. Для того чтобы придать презентабельный и красивый вид контактной форме, Вы теперь можете подобрать стиль (тему) вашему творению. Для этого нажмите вверху кнопочку  "Theme:Plain"

Нажать на кнопку Theme:Plain
И нам открывается замечательный вид: для выбора тем для вашей контактной формы.

Выбор темы для формы
Выбирайте, не спешите, их достаточно много - 97. Довольно симпатичные попадаются. Думаю каждый сможет подобрать свой стиль формы для своего блога. Вот пример, что у меня получилось:
Готовая контактная форма
Вот теперь можно такую форму показать посетителям вашего блога. Переходим к завершающему этапу, то есть, к установке готовой контактной формы в блог.
Подобрав тему для вашей формы, нажимаем вверху слева кнопку "Apply"

Кнопка Apply
Теперь на этой странице нажимаем кнопку "More actions" и в выпадающем списке выбрать первый пункт "Embed"

Жмём кнопки
Теперь выскакивает окно с кодом, копируем и

Копировать код
заходим Blogger -- страницы--Создать страницу и в режиме HTML вставляем полученный код контактной формы. Всё. Всем пока. До новых встреч.

Смотрите также: Google Code-хостинг для файлов JavaScript, CSS, jQuery, PHP или Хостинг для файлов с прямой ссылкой на скачивание с помощью Сайтов Google

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

7 коммент. :

  1. Спасибо, в целом контактных форм много, я даже тебе что-то сам советовал :) НО это самый, на мой взгляд, простой, незамороченный и при этом функциональный такой же вариант :) У меня пока что есть контактная форма от SnapEngage в виде плавающего баннера слева, но пока никто не пишет )))

    ОтветитьУдалить
  2. Ещё напишут.Мне иногда пишут в политблоге,письма президенту,жалобы на власть и так далее.Только не сообщают что они хотят.Наверное что бы я напечатал в блоге их обращения.А насчёт формы для связи- эта очень простая,не загружает блог,то что надо.Только я её не проверял,работает она или нет.Жду когда кто нибудь чирканёт пару слов.

    ОтветитьУдалить
  3. Статья неправильная. Читайте на других сайтах как настроить уведомления.

    ОтветитьУдалить
  4. Почему не правильная?Дайте ссылку направильную.

    ОтветитьУдалить
  5. Я всё настроила, но письма то мне не приходят! Я проверяла

    ОтветитьУдалить
    Ответы
    1. потому что это опросник, а не "контактная" форма, соотвественно, как форма обратной связи она бесполезна

      Удалить
    2. Сейчас можно создать ещё лучше, но зачем, если есть уже родная форма. 8-)

      Удалить

 
Footer