4 мар. 2014 г.

3 способа добавить кнопку Facebook "Мне нравится"

Facebook Мне нравится в Blogger
Если вы хотите, чтобы посетитель лайкнул пост и это увидели его друзья в Facebook, установите кнопку "Мне нравится" в блог.

Способы установки кнопки:

  1. В HTML шаблона (идеальный вариант).
  2. Добавить код в гаджет HTML/JavaScript (вариант для чайника).
  3. Непосредственно в тело сообщения (вручную внизу поста).

Добавляем кнопку с помощью гаджета HTML/JavaScript


Вчера обратился ко мне один из читателей блога с просьбой найти альтернативный способ установки в блог кнопки "Нравится" от Facebook с помощью гаджета HTML/JavaScript.

В страхе что-нибудь напортачить, многие не хотят лезть в шаблон и править HTML, поэтому используют только гаджеты Blogger. К сожалению, использование только гаджетов весьма ограничивает настройку блога, но иногда это лучше чем ничего.

Могу сказать, такой способ установки кнопки "Мне нравится", как говориться для чайника, существует. Сразу говорю, варианты расположения кнопки в блоге весьма ограничены. В этом случае кнопку вы сможете расположить в сайдбаре, в подвале блога, над сообщением или под комментариями.

Конечно самый лучший вариант установки кнопки Facebook "Мне нравится" в Blogger - это первый вариант. Но все же, может быть, кому-то подойдет и этот.

Приступаем к установке. В Дизайне жмем Добавить гаджет, выбираем HTML/JavaScript и вставляем в тело гаджета код:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-layout="standard" data-action="like" data-show-faces="true" data-share="false"></div>
Сохраняем гаджет и перетаскивам его в нужное место, как на картинке ниже.
Не забудьте сохранить расположение гаджета.

Если не хотите, чтобы у гаджета был заголовок, поле "Название" оставьте пустым. Все, смотрите что получилось.

Установка кнопки в тело сообщения


Если и вариант с гаджетом не подходит, тогда - каждый раз, как написали сообщение, перейдите во вкладку HTML
и вручную добавьте код, который я дала выше.

После этого опубликуйте сообщение и кнопка появится там, где вы её установили в HTML сообщения (см. пример внизу сообщения).

Этот способ самый трудоемкий, т.к. каждый раз после написания сообщения надо добавлять код.

Итак, в вашем распоряжении три варианта установки кнопки Facebook Мне нравится, выбирайте.


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

Marat

Здравствуйте Светлана! Я бы хотел использовать 3 вариант. Но какой код писать. Html 5, iframe, адрес? Мне к каждой статье нужен будет свой лайк.
Я пробовал, iframe но он работает не совсем как надо, лайк отправляется но нет название статьи, только стандартная надпись, это значок гугл и там написано блоггер.ком - это записи, блоги помоему так. Что надо сделать, помогите пожалуйста

Светлана Ковалева Светлана Ковалева

Marat, я же дала код в сообщении, его и пишите.

Отправить комментарий