TopExpert teaching Internet professions online

Как добавить кнопку «Мне нравится» от Facebook (фейсбук) на блог

Всем привет! В этом посте наша речь пойдёт о том, как добавить кнопку “Мне нравится” от Facebook. Думаю вы не раз слышали о Facebook – это самая крупная социальная сеть в мире, после ВКонтакт`а конечно. Поэтому я считаю, что все-таки нужно добавить  частичку фейсбука на свой блог.

Практически на всех блогах, в конце каждой статьи, вам предлагается «Поделиться с друзьями в соц. сетях». Все эти приспособления созданы для того, дабы повысить посещаемость вашего блога. Если вас это заинтересовало, то советую так же почитать «Кнопка от ВКонтакте «Мне нравится» для сайта«.

Как же добавить кнопку “Мне нравится” от Facebook (Фейсбук)?

  1. Переходим сюда
  2. И там вы можете увидеть следующую картину:

Для тех кто не особо разбирается в Английском языке я сделаю краткий обзор по заполнению каждого из столбца:

URL to Like (Ссылка на страницу) – Эту строку оставляем пустую
Layout Style (Стиль оформления) – здесь все зависит от вашего вкуса, я так и оставил standart. Можно конечно выбрать со счётчиком — но тут уж дела каждого, надо ли вам это или нет.
Show Faces (Показывать лица, аватары) – выбираем также на своё усмотрение. У меня галочка убрана.
WIdth (Ширина) – подбираем размер для вашего блога. Необходимую ширину вы можете узнать с помощью FireBug. Обзор этой программки я сделаю чуть позже.
Verb to display (Отображаемое слово на кнопке) – like — мне нравится или recommend — рекомендовать\рассказать. Мне больше нравится like («Нравится»). Или ещё есть как вариант «Поделиться».

Font (Шрифт) – шрифт я выбрал такой же, как и на блоге ( tahoma — думаю самый оптимальный).
Color Scheme (Цветовая схема) –  Можете выбрать светлый или тёмный, в зависимости от оформления вашего блога.

Далее нажимаем на волшебную кнопочку Get Code.

 То, что написано в верхнем коде мы с вами копируем:

Код желательно вставлять после статьи — single.php. Или можете разместить кнопку после похожих сервисов ( кнопки от В Контакта или майла).

В данном коде ( которую мы копировали и вставляли меняем фразу (она в начале кода):

1
<div id="highlighter_185737">http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike</div>

на

1
<div id="highlighter_373606">&lt;?php the_permalink()?&gt;</div>
А вот и окончательный код, который вы должны будите вставить:
4
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink()?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe><code>
Вот и все. Творите чудеса -))

Оставить отзыв

*
**

* * Заполнять обязательно , ** Информация конфиденциальна