Из этой статьи вы узнаете, как добавить кнопку «Нравится» Facebook на свой веб-сайт Blogger (blogspot.com). После создания кнопки в конфигураторе кнопки «Нравится» вам просто нужно скопировать и вставить два фрагмента кода в панель управления Blogger, сделав одно быстрое изменение для совместимости.
Шаги
Часть 1 из 3: Создание кнопки "Мне нравится"
Шаг 1. Перейдите на
Вы можете использовать любой современный веб-браузер, например Chrome или Safari.
Шаг 2. Прокрутите вниз до Конфигуратора кнопки «Мне нравится»
Он находится в третьем разделе страницы.
Шаг 3. Введите адрес своего блога в поле «URL-адрес, на который ставят отметку« Нравится »»
Шаг 4. Введите желаемую ширину плагина в поле «Ширина»
Большинство пользователей Blogger могут оставить это поле пустым, так как ширина по умолчанию (450 пикселей) подойдет. Обратите внимание, что это ширина всего плагина, а не самой кнопки «Нравится».
Шаг 5. Выберите стиль кнопки в меню «Макет»
Вы увидите предварительный просмотр каждого стиля, когда он будет выбран.
Шаг 6. Выберите действие в меню «Тип действия»
По умолчанию на вашей кнопке написано «Нравится». При желании вы можете изменить его на «Рекомендовать». Когда кто-то нажимает кнопку, его подписчики в Facebook увидят: «(имя человека) рекомендует это».
Шаг 7. Выберите размер в меню «Размер кнопки»
Предварительный просмотр кнопки под конфигуратором покажет вам, как выглядит каждый размер.
Шаг 8. Установите или снимите флажок «Включить кнопку общего доступа»
Если этот флажок установлен, рядом с кнопкой «Нравится» в вашем блоге появится кнопка «Поделиться». Если кто-то нажмет эту кнопку, у него будет возможность ввести свой текст, прежде чем поделиться ссылкой со своими друзьями на Facebook.
Шаг 9. Щелкните Получить код
Теперь вы увидите два поля с кодом HTML, который необходимо вставить в разные области Blogger.
Часть 2 из 3: Добавление кода в шаблон
Шаг 1. Войдите на
Используйте другую вкладку или окно браузера, так как вам нужно будет скопировать и вставить код из Facebook в Blogger.
Шаг 2. Щелкните Шаблон
Он находится в левой части экрана, в нижней части меню.
Шаг 3. Создайте резервную копию шаблона блога
Всегда делайте резервную копию при непосредственном редактировании HTML-кода вашего блога.
- Щелкните значок Восстановления резервной копии в правом верхнем углу страницы.
- Нажмите Скачать шаблон.
- Введите имя для вашего файла, например «Резервное копирование шаблона блога».
- Нажмите Сохранить.
Шаг 4. Щелкните Редактировать HTML
Он находится прямо под изображением предварительного просмотра вашего блога.
Шаг 5. Скопируйте код из первого поля конфигуратора кнопки «Мне нравится» в Facebook
Это код в верхнем поле под «Шагом 2».
Вы можете скопировать текст, выделив его, а затем нажав Control + C или ⌘ Command + C
Шаг 6. Вставьте код в HTML-код Blogger
Код должен быть вставлен после строки, начинающейся с <body, желательно на следующей строке.
- Чтобы дать себе место для вставки кода, щелкните перед первым символом строки после тега body, затем нажмите ↵ Enter или ⏎ Return.
- Щелкните пустую строку, затем нажмите Control + V или ⌘ Command + V, чтобы вставить.
Шаг 7. Замените каждый «&» во вставленном коде на «
&
”.
Не включайте кавычки.
-
Например, «//connect.facebook.net/en_US/sdk.js#xfbml=1 &version = v2.8 »превращается в« //connect.facebook.net/en_US/sdk.js#xfbml=1.
&
- версия = v2.8 ""
Шаг 8. Щелкните Сохранить шаблон
-
Если вы случайно пропустили «&», вы увидите сообщение об ошибке «Ошибка синтаксического анализа XML» прямо над кодом. Вернитесь к вставленному коду, найдите & и замените его на
&
- .
Часть 3 из 3: Добавление кнопки в макет
Шаг 1. Скопируйте второй блок кода из конфигуратора кнопки Like
Чтобы найти его, вам нужно будет вернуться в другое окно или вкладку браузера. Это код в поле под «Шагом 3».
Вы можете скопировать текст, выделив его, а затем нажав Control + C или ⌘ Command + C
Шаг 2. Снова нажмите «Макет» в Blogger
Он находится в левой части панели инструментов Blogger, прямо над шаблоном.
Шаг 3. Нажмите кнопку «Добавить гаджет» в том месте, где должна располагаться кнопка
В большинстве случаев вы хотите, чтобы кнопка отображалась в верхнем или нижнем колонтитуле
Шаг 4. Выберите HTML / JavaScript
Вам нужно будет немного прокрутить вниз, чтобы найти его.
Шаг 5. Введите facebook под заголовком
”
Шаг 6. Вставьте скопированный код в поле «Содержимое»
Вы можете сделать это, щелкнув поле и нажав Control + V или ⌘ Command + V.
Шаг 7. Щелкните Сохранить
Теперь вы увидите окно гаджета под названием «facebook».
Щелкните Предварительный просмотр в правом верхнем углу страницы, чтобы убедиться, что кнопка отображается там, где должна. Если вам не нравится расположение, вы можете перетащить поле «facebook» в один из других разделов макета
Шаг 8. Щелкните Сохранить расположение
Он находится в правом верхнем углу экрана. Теперь, когда кому-то нравится ваш блог, он может легко поделиться им со всеми своими друзьями на Facebook.