Установка блока "Поделиться" от Яндекса

Интеграция блога с социальными сетями очень важный вопрос! Поэтому необходимо в конце поста читателю предложить поделиться ссылкой в социалках.

У Blogger на такой случай в шаблоне уже есть кнопки Поделиться. Эти кнопки рассчитаны в основном на англоязычный интернет и в них нет социальных сетей популярных в России.

Предлагаю недостающие кнопки просто добавить к тем, которые уже есть у Blogger, используя блок "Поделиться" Я.ру.

Для этого включаем в шаблон кнопки Blogger. Далее идём Дизайн > Изменить HTML, создаём резервную копию, устанавливаем флажок Расширить шаблоны виджета. Менять будем кусок кода, который находится между:

<b:includable id='shareButtons' var='post'>
  ..........
</b:includable>

Ищем его с помощью комбинации CTRL+F и полностью меняем его на этот:

<b:includable id='shareButtons' var='post'>
<table align='center' cellpadding='2'><tr><td>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.emailThisMsg/></span>
  </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.blogThisMsg/></span>
  </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
  </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
  </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
  </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
  </a></b:if>
  <b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  </b:if>
</td><td>
<script charset='utf-8' src='//yandex.st/share/share.js' type='text/javascript'/>
<div class='yashare-auto-init' data-yashareL10n='ru' data-yashareQuickServices='vkontakte,moimir,friendfeed,odnoklassniki,moikrug' data-yashareType='none' expr:data-yashareLink='data:post.url' expr:data-yashareTitle='data:post.title'/>
</td></tr></table>
</b:includable>

Красным я выделила переменные, которые отвечают за отображение иконок соц.сетей, которые вы можете через запятую, без пробелов, самостоятельно выбрать и добавить в том порядке как вы хотите. Вот список иконок:

• gplus - Google+;
• blogger - Blogger;
• digg - Digg;
• evernote - Evernote;
• delicious - delicious;
• facebook - facebook;
• friendfeed - FriendFeed;
• gbuzz - Google Buzz;
• greader - Google Reader;
• juick - Juick;
• liveinternet - LiveInternet;
• linkedin - LinkedIn;
• lj - Живой Журнал;
• moikrug - Мой Круг;
• moimir - Мой Мир;
• myspace - MySpace;
• odnoklassniki - Одноклассники.ru;
• twitter - Twitter;
• vkontakte - ВКонтакте;
• yaru - Я.Ру;
• yazakladki - Яндекс.Закладки. 

Выглядеть в результате это будет примерно вот так:

Всё готово. Проверяем в просмотре и сохраняем шаблон.
Что мы сделали? Мы не отказались от родных кнопок Blogger и в тоже время дополнили недостающие элементы. В результате всё смотрится очень органично и не занимает дополнительного пространства.