форма обратной связи для blogger
Форма связи | Blogger
Форма связи внутри «Сообщения» или «Страницы»
Шаг 1. Подключаем гаджет
В «Шаблоне» после (или в другую b:section с гаджетами): добавить
Шаг 2. Настраиваем стили
Внешне будет похожа на форму комментариев, тоже в рамочке. 
В редакторе форматирования «Сообщения» или «Страницы» переходим в режим «HTML» и вставляем:
Форма связи в боковой колонке
18 комментариев:
Благодарю за помощь и отклик. NMitra Вот и отличненько )) Анонимный спасиб! всё работает) Zoya (Aziza) Здравствуйте, Наталья! Попробовала сделать форму связи внутри сообщения. Но вот бы кнопку «Отправить» сделать виднее. Подскажите решение, пожалуйста. Zoya (Aziza) Вот страница http://poxudeniye.blogspot.ru/ENTER-SLIDE-2-LINK-HERE NMitra Здравствуйте, страницы не обнаружила
#ContactForm1_contact-form-submit <
padding: 10px; /* отступ */
font-size: 200%; /* размер шрифта */
> Zoya (Aziza) Спасибо за скорый ответ, Наталья! Это надо вставить после
#ContactForm1_contact-form-email-message <
max-width: 100%;
? NMitra Да. Anatoly Bhutov а как насчет капчи? NMitra По-видимому, никак или попробуйте обратиться к разработчику. Анонимный интересная тема спасибо Анонимный подскажите, если нет в шаблоне atribution1 после которого нужно вставить, что делать? Остальная часть кода встала отлично, но почему не отправляется сообщение.. NMitra После
Форма обратной связи для blogger
Отвечаю оперативно на ваши посты потому что подписан на новые сообщения по мылу )Вот http://main-ip.ru/ интересный сервис по генерированию кода для обратной связи. Напишите про него пост думаю всем будет интересно.Много разных вариантов настройки формы обратной связи.Себе на сайте его поставил. Создаёш страницу, вставляеш код в HTML режиме, сохраняеш и всё готово.
Спасибо за подписку и оперативные комментарии (o). У Вас нормально код от приведенного Вами сервиса работает?
Подскажите чуть подробнее в п4 и 5. тег ]]>? нашла его. и что с ним делать? как и куда вставить код из п.5?
Просто уже перепробовала и так и сяк. и серые и розовые тона не получаются. заранее спасибо за ответ
Нужный код вставляете перед «]]>».
Здравствуйте, Юлия! Не нашла на Вашем сайте форму обратной связи. Отвечаю здесь. Ваша знакомая, наверно, в строку «Электронная почта» вводила адрес Вашей почты, а должна была свой. Вам же письмо должно прийти на тот электронный ящик, который Вы указали в качестве администратора (при регистрации аккаунта Google).
Ух ты как здорово! Спасибо. 🙂
Количество блокирующих скриптов на странице: 1. Количество блокирующих ресурсов CSS на странице: 2. Они замедляют отображение контента.
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
Используйте асинхронные версии следующих скриптов:
http://pagead2.googlesyndication.com/pagead/show_ads.js
Оптимизируйте работу CSS на следующих ресурсах:
http://www.blogger.com/static/v1/widgets/305307800-widget_css_mobile_2_bundle.css
http://www.blogger.com/dyn-css/authorization.css?targetBlogID=7862762613597210328&zx=81dce73d-bda6-48ea-8f7c-0d28d0eb6a7c
Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.
Сжатие HTML-кода (в том числе встроенного кода JavaScript или CSS) позволяет сократить объем данных, чтобы ускорить загрузку и обработку.
Правильный формат и сжатие изображений позволяет сократить их объем.
Форма обратной связи размещённая на статической странице Blogger. Позволяет организовать полноценную страницу Контакты для Вашего блога на Блоггер (Blogspot). При помощи которой посетители могут связаться с автором блога.
Через меню блога переходим в раздел «Дизайн», нажимаем «Добавить гаджет». В открывшемся окне выбираем вкладку «Другие гаджеты». Здесь и находится «Форма для связи», выбираем её и жмём «Сохранить».
После сохранения перетащите гаджет вниз. Так, что бы он был самым последним. Так как от него останется не большая пустая область.
Теперь переходим непосредственно к созданию Страницы Контакты.
В меню блога заходим в раздел «Страницы», кликаем на «Создать страницу» и выбираем пункт «Пустая страница».
Для этого в область «Заголовок страницы» пишем желаемое название латиницей. Например Contacs или Contacs us. И нажимаем «Сохранить». В результате вид ссылки на страницу будет иметь вид http://Ваш_блог/p/contacs-us.html или http://Ваш_блог/p/contacs.html. После сохранения можно задать любой заголовок для страницы.
Далее переходим к внедрению HTML кода формы связи.
Выбираем вкладку HTML редактирования страницы и удаляем весь код, который там есть. В пустую область вставляем код Формы Связи:
Осталось добавить CSS стили в шаблон блога.
В меню блога выбираем раздел «Шаблон». На всякий случай делаем резервную копию шаблона. Далее нажимаем «Изменить HTML».
И перед ней вставляем CSS стили Формы для связи:
Теперь можно перейти на созданную страничку «Контакты». Она должна у Вас получиться вот такой:
Можете её сразу и протестировать, отправить сообщение. Оно придёт в Ваш почтовый ящик Gmail.
Если статья оказалась Вам полезной буду признателен если Вы порекомендуете её или сам блог «Best-For-Blogger.ru» своим друзьям и знакомым воспользовавшись кнопками социальных сетей. Или оставите на своём веб-ресурсе обратную ссылку.
Бесплатный виджет обратной связи для Blogger
все ваши контакты в одном месте
Получайте больше звонков, заявок, обращений с помощью всплывающей формы обратной связи для Blogger от ProdaLet.Ru
Вы не упустите ни одного горячего клиента
Установка формы обратной связи на Blogger
3. Копируем код установки Prodalet и входим в панель управления Blogger
Шаг 1
Необходимо авторизоваться в Blogger и перейти в раздел «Дизайн»
Шаг 2
Далее нажимаем «Добавить гаджет» в одном из блоков
Шаг 3
В открывшемся окне выбираем HTML / JavaScript
Шаг 4
В поле «Содержание» вставляем код нашего сервиса из личного кабинета, нажимаем «Сохранить».
Шаг 5
Перетаскиваем созданный гаджет в блок «Нижний колонтитул» и нажимаем «Сохранить расположение»
После этого виджеты ProdaLet.ru будут показываться на вашем сайте
4. Переходим в панель управления виджетами в ProdaLet.ru и подключаем модуль обратной связи
5. Далее настраиваем виджет, внешний вид, положение, включаем нужные каналы связи, уведомления и так далее если нужно и после настройки запускаем его
6. На этом установка виджета обратной связи на ваш Blogger сайт можно считать законченной. У вас на сайте в правом углу экрана появится плавающая кнопка, при нажатие на которую откроется форма, в которой будут все способы связи с вами (положение кнопки можно изменить)
шпаргалки блогерши
Здравствуйте, все кто читает мои шпаргалки. Спасибо новым читателям, кто недавно присоединился к моему блогу. Я обычно просматриваю профиль новых ПЧ и их блоги. И обратила внимание на то, что многие новички игнорируют гаджет Форма связи.
Сегодня хочу вам предложить 3 кода формы связи для Блоггер. И расположим их не в сайтбаре блога, а более профессионально, на отдельной странице.
Единственное, на что нужно обратить внимание, это последовательно выполнять все шаги. Это важно.
Пример 1. Для любителей минимализма самая простая форма контактов. Вот так она выглядит.
Как установить форму на отдельную страницу.
Шаг 2. Идём в админпанель и создаём новую страницу. Даём ей своё уникальное название, типа СВЯЗЬ С АВТОРОМ. Переходим в режим HTML и устанавливаем следующий код. Скопируйте его сначала в блокнот.
Можно изменить размеры, цвет и ширину полей на ваш вкус. Также и текст. Если вы сейчас вернётесь в обычный режим то уже её увидите. Здесь же перед публикацией поставьте галочки в параметрах не разрешать комментарии и использовать тег
при переносе слов. Нажмите на картинку для увеличения.
Смело публикуйте страницу. Всё должно получиться.
Шаг 3. Возвращаемся в раздел дизайн и удаляем, ранее созданный виджет Форма связи.
Перейдите на страницу формы связи и попробуйте написать сообщение. Где оно появится будет написано в конце поста.
Пример 2. Вот как она выглядит. При наведении курсора кнопка отправить меняет цвет. Настройки рассмотрим ниже.
Таким способом мы запретили показ созданного гаджета на боковой панели. Сохраняем изменения.
Копируйте следующий код сначала в блокнот
Я указала, где можно изменить цвет под ваш дизайн. Далее всё, как в примере 1 шаг 2.
Пример 3. Очень красивая контактная форма.
Устанавливается аналогично первому примеру и расписывать не буду.
В строчках, отмеченных синим цветом прописаны адреса иконок в полях ввода. Можно поменять на свои или совсем их удалить.
Естественно возникнет вопрос, куда приходят письма через такую форму контактов.
Письма мгновенно доставляются на адрес администратора блога, который он указал при создании аккаунта Блоггер. Если администраторов несколько, на почту каждого. Посмотрите, где их увидеть во входящих письмах Gmail. Раздел Соцсети.
Всем спасибо за внимание. Что не понятно пишите в комментариях. До встречи.