суббота, 26 февраля 2011 г.

Установка кнопки добавления в Facebook для Blogger

 В продолжение темы трафика от социальных сетей покажу как установить кнопку Facebook'а в блог на платформе Blogger. Плюсы при использовании такой кнопки очевидны, пользователи жмут на неё и к ним на страницу в Facebook отправляется сообщение с название вашего блога и с названием поста, естественно присутствует гиперссылка на ваш пост.
1. В админике заходим в вкладку "дизайн"--"Изменить HTML"
2. Ставьте галочку «Расширить шаблон виджета».
3. Находите фрагмент кода: <data:post.body/>
4. Вставляйте код кнопки

<!-- Facebook Button -->
<div style='float: right; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE  OF BUTTON'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'  type='text/javascript'/>
</div>
<!-- Facebook Button -->


Теперь поработаем немного над расположения кнопки.
Если вы хотите чтобы кнопка была после заголовка до контента,вставляйте перед <data:post.body/>, если хотите чтобы кнопка была после поста, вставляйте после указанного фрагмента. Кроме того, в указанном мною коде присутствует стиль, выравнивающий кнопку «вправо».Если вам нужна кнопка слева, меняйте float на left.
Внимание! Мы еще не определили стиль кнопки. Для того чтобы это сделать, нам нужно заменить 'TYPE OF BUTTON' на тот стиль который необходим:

>'button' - простая кнопка
>'button_count' - компактная кнопка-счетчик
>'box_count' - большая кнопка-счетчик
>'icon' - кнопка-иконка