Делаем Blogger Социальным

Первое, о чем хочу рассказать – интеграция в тело поста социальных закладок. Честно, говоря, это штука очень популярная, дополнение распространенное, да, и тема давно замусоленная. Но, я хочу рассказать несколько способов, потому что мои постоянные читатели могут столкнуться с проблемой конфликтов различных виджетов, например – закладок и Related Posts, потому что, в обоих случаях фрагмент измененного кода должен вставляться в одно место. Короче, чтобы не возникло проблем – все по порядку. Чуть не забыл, что ставил свои эксперименты, на базе постов с блогов Bloggerbuster и Bloggingtips.

Я предпочитаю, использовать 2 сервиса для интеграции в блог Одна Кнопка! – для русскоязычных проектов, или AddThis - для англоязычных проектов. И тот и другой содержат наиболее популярные сервисы для соответствующих лингвистических групп. Как выглядит Одна Кнопка, можно посмотреть у меня же на блоге – есть кнопка в сайдбаре, и к каждому посту, набор иконок сразу после Related posts. Сервис не требует регистрации, вам нужно всего лишь пройти по обозначенной выше ссылке, выбрать в каком виде вам нужна кнопка или кнопки и получить код.

Если вам нужен виджет – нет ничего проще, выбираете, получаете код и создаете у себя на блоге виджет в нужном месте. Кстати, для одного и другого сервиса, все манипуляции аналогичны (за исключением того, что на AddThis предварительно нужно  регистрироваться). 

Но, если нам нужна интеграция в тело поста, то, существует уже 2 варианта: 

1)    Заходим в «Настройки» -> «Форматирование» -> «Шаблон», сообщения на своем Blogger аккаунте. И вставляем в окно полученный код. 
Вариант элементарный, но у меня там уже прописан скрипт от FeedMates. Их, конечно, можно подружить, но, я решил сразу пойти по 2 пути, благо он тоже элементарен.

2)    На этот раз заходим «Макет» -> «Изменить HTML». Ставим галочку «Расширить шаблон виджета». 
Находим следующий код <p><data:post.body/></p>, можно скопировать у меня, нажать CTRL-F и порядок (если поле поиска будет красным, сотрите пару символов в конце).

Если у вас не установлен виджет Related posts, сразу вставляем после указанной выше фразы код, полученный на сервисе (например, Одна Кнопка). Если Related posts установлен, находим его окончания </script> и сразу вставляем код «закладок». Вот такая не хитрая установка.

Второй шаг к социализации - размещение виджета Twitter, в котором будут отображаться ваши последние сообщения, с этого сервиса микроблоггинга. На этот раз нам не придется лазить по HTML-коду, потому что это обычный виджет, содержащий следующий код:

<div id="twitter_div"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" rel="nofollow" onclick="javascript:pageTracker._trackPageview('/outgoing/article_exit_link');" href="http://twitter.com/you_account">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/ you_account.json?callback=twitterCallback2&count=5" type="text/javascript"></script>

Создаем на макете в нужном нам месте HTML/Java Script виджет, вставляем этот код, и в выделенных местах, меняем you_account, на имя вашего аккаунта на сервиса Twitter. Данный виджет тоже можно посмотреть у меня на сайдбаре, а заодно, у кого есть аккаунт меня зафрендить -).

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

Использовав эти 2 простые модернизации, можно сделать ваш блог (конечно, не только на сервисе Blogger), немного более социальным, первый даст возможность добавлять посетителям ваши посты в закладки или новостные сервисы. Второй поможет расширить сеть на Twitter и увеличить количество друзей. 

Еще о Blogspot:

Related posts для Blogspot. Автоматизируем внутреннюю перелинковку.