Вставить Facebook Like Box в Blogger


Like Box Facebook для Blogger

  Гаджет/Виджет Like Box Facebook в Blogger (Blogspot). Позволяет владельцу блога предоставить своим читателям и гостям очень простой и удобный способ присоединиться к его сообществу (странице) в социальной сети Facebook. Сделав всего несколько кликов мышкой. Пользователь присоединившийся к сообществу автора будет получать обновления непосредственно в новостной ленте на Фейсбук и не пропустит выхода новой статьи. Таким образом Like box Facebook позволяет увеличить аудиторию подписчиков блога.

  Для создания и настройки виджета заходим в Facebook Социальный плагин Like box. Где нужно указать полный адрес (URL) Facebook страницы (сообщества) для которой создаёте Like box. Пример ссылки можете посмотреть на странице Best-For-Blogger.ru в Facebook. Остальные настройки выбираете на своё усмотрение.

Лайк Бокс Фейсбук для Блоггер

  После выбора необходимых настроек нажимаем на кнопку " Get Code " - Получить код, что бы получить сгенерированный код Лайк Бокс для Вашего веб-сайта.

  Facebook предлагает несколько вариантов размещения. Мы рассмотрим два из них, на мой взгляд наиболее подходящий для того, что бы вставить Facebook Like box в Блоггер.

Скрипт Лайк Бокс Фейсбук для Блоггер

1. Выбираем вкладку HTML5.
  Для дизайна моего блога данный способ не подошёл. Т.к. Лайк Бокс не совсем корректно вписался в общий фон. В Google Chrome было всё в порядке, а вот в Opere - не гуд. Поэтому пришлось воспользоваться вторым способом.

  В меню блога заходим в раздел "Шаблон", перед внедрением кода делаем резервную копию шаблона (бережёного бог бережёт). И нажимаем на кнопочку "Изменить HTML"

Изменить шаблон Блоггер

  В шаблоне кликаем левой кнопкой мыши и нажимаем CTRL+F, с помощь появившегося поиска ищем </body>

Поиск в Шаблоне Блоггер

  И сразу над </body> вставляем первую часть кода Like box.

HTML5 Код 1 Facebook Like Box для Блоггер

  Нажимаем кнопочку "Просмотреть шаблон", если без неожиданностей тогда жмём "Сохранить шаблон".

  Далее в меню блога переходим в раздел "Дизайн", добавляем новый гаджет "HTML/JavaScript"

Вставить HTML5 Код Facebook Like Box в Блоггер

  И в него вставляем вторую часть кода Like box.

HTML5 Код 2 Facebook Like Box для Блоггер

  Сохраняем и проверяем результат. Проверяйте в разных браузерах.

2. Выбираем вкладку IFRAME.
  Данный способ по установке Фейсбук Лайк Бокс проще, но из-за него немного уменьшается скорость загрузки страницы.
  Копируем предложенный код.

IFRAME Код Facebook Like Box для Блоггер

  Идём в раздел меню блога "Дизайн", добавляем новый гаджет "HTML/JavaScript" и в него вставляем IFRAME код Facebook Like box.

Вставить IFRAME Код Facebook Like Box в Блоггер

  Сохраняем и проверяем.

  Надеюсь статья помогла Вам установить виджет Like box Facebook в Ваш блог. Расскажите какой именно способ подошёл Вам.


  Смотрите также:
- Как показать или скрыть гаджет Blogger на определённых страницах блога
- Форма связи - Контакты на отдельной странице Blogger
- Как заработать на собственном блоге
- Как вставить рекламный блок объявлений Google AdSense в любом месте блога на Блоггер (Blogspot)
- Как вставить блок рекламы от Google AdSense в блог на Blogger (Блогпост)
- Google AdSense — регистрация, создание рекламного блока его настройка
- Создать блог на Blogger
- Закрыть внешние ссылки
- Гаджет - Ссылка на это сообщение
- Кнопки социальных сетей от Pluso

 Если статья оказалась Вам полезной буду признателен если Вы порекомендуете её или сам блог "Best-For-Blogger.ru" своим друзьям и знакомым воспользовавшись кнопками социальных сетей. Или оставите на своём веб-ресурсе обратную ссылку.

 С наилучшими пожеланиями, всегда Ваш Алексей Иванович! До новых встреч на страницах нашего блога "Лучшее для Blogger". Оставляйте комментарии, подписывайтесь на обновления.

URL На эту статью:


Вставьте этот HTML код к себе на страницу:

2 комментария :

Jelena R комментирует...

Мне например не подошел первый способ, код который дал ФБ оказался с ошибкой

Алексей Иванович комментирует...

Jelena - Если Вам не подошёл один вариант, пробуйте другие. Я так же установил данный Виджет от Фейсбук не с первой попытки. Пришлось перепробовать все варианты.

Вернуться к началу