Как установить кнопки социальных сетей для blogger? ~ Комплексное SEO

как поставить красивые социальные кнопки в блог blogspot

Сегодня немного помучался и наконец-то установил красивые социальные кнопки на этот блог. Творческое вдохновение я позаимствовал здесь. Вроде бы там свежая статья и хорошо все описано, но у меня возникли проблемы. Делал все по инструкции, но на определенном этапе споткнулся. Решение такое:

Заходим в "Панель управления"
Нажимаем "Дизайн"
Нажимаем "Изменить HTML"
Сохраняем копию шаблона на всякий пожарный
Ставим галочку "Расширить шаблон виджета". Без этой галочки код шаблона будет неполным и невозможно будет произвести многие действия. В том числе и поставить социальные кнопки.

Сразу советую скопировать код шаблона в какой-нибудь текстовый редактор с подсветкой синтаксиса. Я использую Notepad++. В нем гораздо удобнее редактировать html-код.
В моем шаблоне уже было установлено жалкое подобие кнопок социальных сетей. Код выглядит так:

Этот код можно закомментировать  или удалить совсем, а на его место скопировать код социальных закладок:

<a expr:href='"http://www.blogger.com/blog_this.pyra?t" + "&u=" + data:post.url + "&n=" + data:post.title + "&pli=" + 1' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow' target='_blank' title='Поделиться в Blogger!'><img alt='Blogger!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPi2Vo3PuLVA0N1edwCqSO6c_VcMMqhxO0thbIPi8pc_kkTK2eBoGVLOHqQ8ymQeF3l5uF3xT75HNOlVP5W5lZW4csBAtf4GQ-m-BGqmj2LtT_Xgjsho-a3fc6SHhPuFwUIAJPKaAXQE/' style='border: 0pt none;' title='Поделиться в Blogger!'/></a>
<a class='shareme' expr:href='"http://connect.mail.ru/share?share_url=" + data:post.url ' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow'><img alt='Мой Мир' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGwa6810O5Bfms_rj_KSgL-F1LaESyomQ8H2EfwAzbv1EtUPcGAL-GGUfTTsmpbKjlLlD8ZMTd5GOJ5FqAPgIDdkG1D15w5szVEeECjp0C480b-3lLoRkb0besn4rXst7CNz6ApR_mHQ/' style='border: 0pt none;' title='Поделиться в Мой Мир'/></a>
<a class='shareme' expr:href='"http://my.ya.ru/posts_add_link.xml?title=" + data:post.title + "&URL=" + data:post.url' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow'><img alt='Поделиться в Яндекс' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJWvXTjfeJa1S6gwDXY0IKJ5ZMhOKMREx7KFlZOxsWAZIivqmLJ5mJ3vVa7WWZqJvzQ2eGdcX4PHyJRcg-lnXVPuxpohjjWMh2rd5ASnyRLGvyMBjNMfOJRSe-p8VNWGvs9sWzpiAu9v4/' style='border: 0pt none;' title='Поделиться в Яндекс'/></a>
<a class='shareme' expr:href='"http://twitter.com/home?status=RT @TWITTER_LOGIN + " + data:post.url + " " + data:post.title' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' rel='nofollow'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7SszpSFC7niYch9cyEC34OyFJ4QmAfTgCY2oAWPmZcwXlvG4H5WveMsiE-0keHSZvdJPoGF-XZmwasAOuFNS75q2EzwTkjw8ZLVnAUNlrbT6mkariQSxpAFbWid-4U_k_dctXyROoQo/' style='border: 0pt none;' title='Поделиться в Twitter'/></a>

<div class='g-plusone'/><br/>

</p></div></div></noindex></b:if>

@TWITTER_LOGIN нужно заменить на свой логин в твиттере, чтобы ваш логин присутствовал в ретвите. Вот и все! Осталось скопировать код из блокнота в blogspot и нажать кнопку "Сохранить шаблон". Установить кнопки социальных закладок в наш блог на платформе блоггер оказалось проще простого!

А вот и скриншот очень красивых и замечательных кнопок социальных сетей: