8 июл. 2011 г.

Установка кнопки "Мне нравится" Facebook в Blogger

Кнопка "Мне нравится" нужна для того, чтобы читатель быстро мог поделиться, понравившимся ему сообщением, в сети Facebook. Он нажмёт на кнопочку, а на его стене опубликуется ссылка с описанием, как например к этому сообщению "Учимся общаться в блогах", получилась вот такая ссылка:


Нужно это для привлечения новых посетителей на ваш блог.

Для того, чтобы её установить заходим Шаблон > Изменить HTML, делаем резервное копирование и с помощью комбинации клавиш Ctrl+F ищем код </head> и перед ним вставляем код:

<script src='http://connect.facebook.net/ru_RU/all.js#xfbml=1' type='text/javascript'/>

В тег html вносим спецификации для нормальной работы кнопки. Для этого находим код: <html
И вместо него ставим:
<html xmlns:fb="https://www.facebook.com/2008/fbml"

Теперь нужно определиться где её поместить и как она будет выглядеть.

Вот такая в правом верхнем углу поста:


Перед тегом ]]></b:skin> вставляем код:

.fb {float: right;
 margin: 0px 0px 0px 10px;
}

И перед <data:post.body/>:

<div class='fb'>
<fb:like colorscheme='light' expr:href='data:post.url' font='arial' layout='box_count' send='false' show_faces='false'/>
</div>

Сохраняем и радуемся.

Либо вот такая кнопка в конце сообщения:


Для этого после кода <div class='post-footer'> добавляем:

<div>
<fb:like action='like' colorscheme='light' expr:href='data:post.url' font='arial' layout='button_count' send='false' show_faces='false' width='150'/>
</div>

Сохраняем и видим, что теперь наши читатели могут легко делиться ссылками.

29

Nata

Здравствуйте Светлана! Спасибо вам за урок по установке кнопки! У меня всё получилось, я рада своему маленькому успеху! Спасибо Вам ещё раз!

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

Пожалуйста, Nata! Поздравляю, желаю больших успехов!

Олеся Полковникова

Огромная благодарность вам, Светлана, за помощь! Я как раз искала эту информацию! А нашла её на вашем блоге!! )))

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

Вот видите, Олеся, как здорово! Кто ищет, тот всегда найдёт. )))

КатеринаДжавадова

Светлана, здравствуйте. Прошу помощи (пишу в эту тему, потому что она ближе по смыслу к моему вопросу) : сегодня однаружила сбой или настоящую поломку гаджета "Постоянные читатели". У меня на сегодня два читателя и в панели инструментов я вижу цифру 2, но не вижу самих читателей, а в блоге есть только название гаджета "читатели", а ни числа их, ни кнопки "стать постоянным читателем" теперь нету. Я удалила этот гаджет и прописала заново - пустота.

КатеринаДжавадова

Светлана, по моему вопросу все восстановилось. Мне очень стыдно и неловко за свой очередной поспешный вопрос, прошу извинить.

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

Ничего страшного, Катерина. В этом гаджете часто глюки бывают :).

Borys Shevchuk

Спасибо большое. Всё работает.

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

Пожалуйста, Borys! Рада помочь.

Alexandra Loginova

Светлана, большое спасибо!!! Вы - гений!

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

Пожалуйста, Alexandra! Спасибо за комплимент!

n_trader

Благодарю, пригодилось)

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

Всегда пожалуйста!

Gulnoz

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

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

Про кнопки можете здесь почитать: Установка блока "Поделиться" от Яндекса, а форму подписки в FeedBurner создайте во вкладке Публикуй - Подписки по электронной почте, добавьте её в футер поста между:

<div class='post-footer-line post-footer-line-2'>
...
</div>

Подробно в следующем сообщении напишу.

Darya Bokova

Спасибо огромное) искала всё утро, перебрала всё, но нигде не появлялась кнопка. по Вашим инструкциям появилась как миленькая! Спасибо)

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

Пожалуйста, Darya!

Limas

Хороший урок.

bair galsanov

Единственный рабочий мануал в сети. Странно даже. Всё работает, но увы надпись "Мне нравиться" именно на русском, хотелось просто "Like".

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

bair galsanov, замените ru_RU на en_US в первой части кода и будет "Like".

Ioann Arteni

спасибо. очень просто и понятно объяснили.

Ioann Arteni

спасибо...очень доступно и просто...я не програмист но шаг за шагом понял как сделать и получилось

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

Пожалуйста, Ioann Arteni!

Алферов Сергей

Спасибо!

Tery

Огромное спасибо вам Светлана))

Valentina Evtuhina

Огромное спасибо!! Все получилось с первого раза!!)

AnnaPRO

спасибо) столько нужного и полезного)

Svetlana

я не могу сохранить изменения в шаблоне? почему?

Econ Dude

Cлушайте, а зачем её вообще ставить? На что она влияет?

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