четверг, 29 марта 2012 г.

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


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

Сегодня немного помучался и наконец-то установил красивые социальные кнопки на этот блог. Творческое вдохновение я позаимствовал здесь. Вроде бы там свежая статья и хорошо все описано, но у меня возникли проблемы. Делал все по инструкции, но на определенном этапе споткнулся. Решение такое:
  1. Заходим в "Панель управления"
  2. Нажимаем "Дизайн"
  3. Нажимаем "Изменить HTML"
  4. Сохраняем копию шаблона на всякий пожарный
  5. Ставим галочку "Расширить шаблон виджета". Без этой галочки код шаблона будет неполным и невозможно будет произвести многие действия. В том числе и поставить социальные кнопки.
Сразу советую скопировать код шаблона в какой-нибудь текстовый редактор с подсветкой синтаксиса. Я использую Notepad++. В нем гораздо удобнее редактировать html-код.
В моем шаблоне уже было установлено жалкое подобие кнопок социальных сетей. Код выглядит так:
Этот код можно закомментировать <!-- код --> или удалить совсем, а на его место скопировать код социальных закладок:
 <a expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&quot; + &quot;&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=&quot; + 1' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow' target='_blank' title='Поделиться в Blogger!'><img alt='Blogger!' src='http://lh3.ggpht.com/_9McH3vV50bQ/TIThy61TTfI/AAAAAAAAADs/OpMw31LGf1Y/blogger.png' style='border: 0pt none;' title='Поделиться в Blogger!'/></a>
 <a class='shareme' expr:href='&quot;http://connect.mail.ru/share?share_url=&quot; + data:post.url ' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow'><img alt='Мой Мир' src='http://lh6.ggpht.com/_9McH3vV50bQ/TIThzRPQJSI/AAAAAAAAAD8/xGTFLwC86DE/mymail.png' style='border: 0pt none;' title='Поделиться в Мой Мир'/></a>
 <a class='shareme' expr:href='&quot;http://my.ya.ru/posts_add_link.xml?title=&quot; + data:post.title + &quot;&amp;URL=&quot; + data:post.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow'><img alt='Поделиться в Яндекс' src='http://lh6.ggpht.com/_9McH3vV50bQ/TITh9S3gvjI/AAAAAAAAAEE/v6nyg8dD_S0/ya_ru.png' style='border: 0pt none;' title='Поделиться в Яндекс'/></a>
 <a class='shareme' expr:href='&quot;http://twitter.com/home?status=RT @TWITTER_LOGIN + &quot; + data:post.url + &quot; &quot; + data:post.title' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow'><img alt='Twitter' src='http://lh5.ggpht.com/_9McH3vV50bQ/TITh9bMPTxI/AAAAAAAAAEA/oejWvSqEARc/twitter.png' style='border: 0pt none;' title='Поделиться в Twitter'/></a>
 
<div class='g-plusone'/><br/>
 
</p></div></div></noindex></b:if>
 @TWITTER_LOGIN нужно заменить на свой логин в твиттере, чтобы ваш логин присутствовал в ретвите. Вот и все! Осталось скопировать код из блокнота в blogspot и нажать кнопку "Сохранить шаблон". Установить кнопки социальных закладок в наш блог на платформе блоггер оказалось проще простого!
А вот и скриншот очень красивых и замечательных кнопок социальных сетей:
как установить кнопки социальных сетей blogger
Социальные кнопки
На десерт крутой клип:

0 коммент.:

Отправить комментарий