четверг, 5 мая 2011 г.

Делаем кнопку Facebook Мне нравится/Я рекомендую для Blogger

Собственно стандартная кнопка, которая предлагается Facebook для интеграции. 

Можно пойти на сайт Facebook и получить кнопку там. Можете воспользоваться приведённым ниже мастером.




  1. В панели управления идём в меню "Дизайн" и там выбираем пункт "Изменить HTML".
  2. Делаем резервную копию текущего шаблона. Для этого выбираем пункт "Загрузить весь шаблон". Называем файл удобным именем. Лично я в качестве имени файла выбираю такой шаблон [имя блога]-template-[ddMMyyyyHHmm].xml. Например sedegoff-template-200420110859.xml
    Демонстрация:
  3. Тип кнопки:
  4. Тип надписи:
  5. Цветовая схема:
  6. Шрифт:

  7. Язык
  8. Расположение кнопки:
  9. Где отображать кнопку
  10. Ширина области кнопки


    Если у кнопки обрезаются какие то области, то попробуйте ввести иное значение высоты области. Что бы вернуться к автоматическому вычислению высоты области - оставьте поле пустым.
  11. Высота области кнопки


    Если у кнопки обрезаются какие то области, то попробуйте ввести иное значение ширины области. Что бы вернуться к автоматическому вычислению ширины области - оставьте поле пустым.
  12. Теперь идём в меню "Дизайн", пункт "Изменить HTML". Ставим галочку "Расширить шаблоны виджета"
  13. Теперь ищите конструкцию вида <data:post.body/> и выше над ней вставляете код:
    <b:if cond='data:blog.pageType == &quot;item&quot;'><div style='float:right;margin:4px;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;height=27&amp;action=recommend&amp;font=arial&amp;colorscheme=dark&amp;send=false&amp;locale=ru_RU&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:75px; height:27px;'/></div></b:if>
  14. Сохраните шаблон
Смотри еще вариант интеграции с facebook:

  1. Делаем кнопку Facebook Опубликовать для Blogger
  2. Добавляем LikeBox от Facebook в конец сообщения Blogger


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

[ katerinity ] комментирует...

А можно так же сделать и кнопочку Класс от Одноклассников ? Очень у вас здорово и понятно у вас с ФБ получилось :)

Warlon комментирует...

Конечно!Выйду из отпуска - и сделаю!
Спасибо!