Привет! Дорогие посетители моего блога, прошу Вас станьте моими постоянными читателями. Хоть какая то будет благодарность за мои не лёгкие труды. Большое спасибо за понимание. А теперь перейдём к делу. Все знают,что социальная сеть Facebook самая популярная в мире. Поэтому я хочу Вам представить замечательный виджет плавающая панель Facebook Like Box для Blogger. Расхваливать и объяснять,что это такое, будет лишним, если есть возможность посмотреть и испытать Facebook Like Box в моём демонстрационном блоге для виджетов.С правой стороны. Прошу нажать "мне нравится".
Перед установкой этого интересного виджета необходимо создать страницу Facebook для вашего блога. Зачем это нужно? Создавая страницу  бренда своего блога в этой социальной сети, Вы получаете платформу для публикации своего собственного контента. Используя страницу в Facebook как дополнительную бесплатную площадку для публикации ваших статей, Вы можете привлекать дополнительный трафик на ваш блог. Не забывайте о вирусном потенциале социальных сервисов: чем интереснее этот контент, тем больше людей его увидят, прокомментируют и поделятся с друзьями.

Как установить виджет плавающею панель Facebook Like Box в Blogger

Вам нужно зайти в Панель управления -- Дизайн  - Добавить гаджет HTML/JavaScript и в его поле вставить код:

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fzagulyaevsv&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget:<a href="#">Facebook</a></span></div></div>


Теперь замените моё имя страницы zagulyaevsv на своё. Сохраните гаджет. Гаджет перетащите куда нибудь вниз шаблона. Всё. Желаю удачи . Присоединяйтесь ко мне.


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями в соцсетях:


18 коммент. :

  1. Всё сделал правильно, а он не выезжает. Что не так?

    ОтветитьУдалить
  2. Что-то мне подсказывает, что не все шаги описаны. Чую в настройки CSS надо лезть.

    ОтветитьУдалить
  3. Надо значит подключить библиотеку: http://new-school-blogger.blogspot.com/2011/12/kak-podkljuchit-jquery-biblioteku-dlja.html

    ОтветитьУдалить
  4. хорошая статья .Подчерпнул для себя пару полезных вещей.

    ОтветитьУдалить
  5. не виходить перейти на мою сторінку в facebook, а на zagulyaevsv - без проблем

    ОтветитьУдалить
  6. Вам нужно поменять zagulyaevsv на имя своей страницы.

    ОтветитьУдалить
  7. Рахівська центральна районна б6 декабря 2012 г., 11:25

    здравствуйте, подключила библиотеку, но кнопочка не выдвигается. хелп! :)

    ОтветитьУдалить
  8. Вам значит нужно подключить библиотеку jquery.

    ОтветитьУдалить
  9. Библиотеку подключила. Все равно не выезжает.

    ОтветитьУдалить
  10. Тут может быть проблема в том ,что может быть Вы неправильно указали название своей страницы на Facebook. Посмотрите внимательно.

    ОтветитьУдалить
  11. Сергей, добрый день. Я обновил библиотеку. Гаджет выезжает. Но! Выезжает пустое окно, просто белый квадрат. И такая же петрушка с Like Box плагином - белый квадрат. Они как будто не подтягивают инфу с Фэйсбука. Может быть нужно поменять что-то в настройках аккаунта на самом FB? Посоветуйте. Я уже всё перекопал, пока безрезультатно.

    ОтветитьУдалить
  12. Сорри, немного напутал. Речь не про разные, а про один плагин - Like Box. Не работает ((

    ОтветитьУдалить
  13. Кажется я понял - это работает только для страниц (pages), но не для личных блогов (страниц) пользователей.

    ОтветитьУдалить
  14. Да, работает только со страницами брендов.

    ОтветитьУдалить
  15. Анонимный9 июля 2013 г., 11:34

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

    ОтветитьУдалить
  16. Привет. Почему like box не отображается когда ты не залогинен? Кто сталкивался, как исправить?

    ОтветитьУдалить
  17. Ну спасибо ЗА ПОСТ. У меня в блоге я вчера вставил 3 D кнопки.

    ОтветитьУдалить
  18. Добрый день! Помогите разобраться!!! На главную (www.tuktuk.by) установлен like box FB все как бы ок, но!!! если с главной уйти по любой ссылке на другую страницу ,а потом сделать возврат назад на главную через браузер (Chrome), то окно like box теряет цветность и съезжает в правый угол.....на других страницах, где стоит box такой фигни нет....в чем может быть проблема?????? Может ли это быть как-то связано с редиректом....произведена склейка главной со всеми index ,с www ,без www и пр.?????Заранее спасибо за грамотный ответ, если у кого-то такой имеется!!!!

    ОтветитьУдалить