Кнопки социальных сетей для Blogger.

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

Содержание.

  1. Самый простой: изменить настройки сообщения блога.
  2. Блок «Поделиться» от Яндекса.
  3. Кнопки от социальных сетей для блога на Blogspot.
  4. Код кнопки +1 от Google.
  5. Плавающая панель.
  6. Код кнопок закладок.

Самый простой: изменить настройки сообщения блога.

Blogger уже позаботился о социализации своей платформы и предложил необходимый минимум. На вкладке "Дизайн"-"Элементы страницы"-"Сообщения блога" устанавливаем галочку "Показывать кнопки для публикации". Но вид их будет невзрачным:

Чтобы картинки заиграли красками, в "Дизайн"-"Изменить HTML" перед ]]></b:skin> добавим:
.sb-email {background-position: 0 -40px !important;}
.sb-blog {background-position: -20px -40px !important;}
.sb-twitter {background-position: -40px -40px !important;}
.sb-facebook {background-position: -60px -40px !important;}
.sb-buzz {background-position: -80px -40px !important;}

a.share-button{
  -moz-box-shadow: 0 0 1px #FFF inset;
  -webkit-box-shadow: 0 0 1px #FFF inset;
  box-shadow: 0 0 1px #FFF inset;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

a.share-button:hover {
  -moz-box-shadow: 0 0 4px #FFF inset;
  -webkit-box-shadow: 0 0 4px #FFF inset;
  box-shadow: 0 0 4px #FFF inset;
}
Итоговый результат.

Блок «Поделиться» от Яндекса.

Яндекс создал кнопку "Поделиться". Очень органично вписывается в блог: пример. Для её установки в "Дизайн"-"Изменить HTML", указав галочку "Расширить шаблоны виджета", после
<div class='post-footer-line post-footer-line-1'>
добавляем необходимый код. Для корректной работы скрипта на Главной странице в него (у вас может быть другой) вносим выделенные жирным символы:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir" expr:data-yashareLink='data:post.url' expr:data-yashareTitle='data:post.title'></div> 

Кнопки от социальных сетей для блога на Blogspot.

Последний вариант более хлопотный. Я рассмотрю некоторые из наиболее популярных социальных сетей, остальные можно доделать по аналогии. Многие сервисы являются отечественными, поэтому и искать решение пришлось самостоятельно. Оно впервые было опубликовано на shpargalkablog.ru. Код социальных сетей я советую добавить перед полем с комментариями:
<div class='comments' id='comments'>
Скрипты никак не хотели ложиться в одну линию и я их внесла в таблицу (конечный результат):
<table align='center' cellpadding='5'><tr><td>код</td><td>код</td><td>код</td><td>код</td><td>код</td></tr></table>
Код соц. кнопок для блога на Blogger.
Код соц. кнопок для блога на Blogger.

В том случае, если вы заботитесь о скорости загрузки страницы и не хотите использовать скрипты, коды указанные ниже я объединила в один файл, который мы добавляем в вышеуказанную конструкцию. Там я указала, что ссылки должны быть открыты в новом окне, которое можно сделать определённого размера(см. посмотреть эту заметку).

Добавить на Blogger кнопку "Сохранить" ВКонтакте.

Сначала взглянем на страницу разработчиков.
Там указаны пара вариантов:
  1. если нужно включить свои иконки:
    <a expr:href='&quot;http://vkontakte.ru/share.php?url=&quot; + data:post.url'>Поделиться ВКонтакте</a>
    вместо слов "Поделиться ВКонтакте" добавляем изображение:
    <img src="адрес" border="0" alt="текст" width="значение" height="значение" />
  2. при применении стандартной кнопки: вначале нужно после <head> дописать:
    <script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?9" charset="windows-1251"></script>
    затем в нашу таблицу или другом месте шаблона указать:
    <div id='vk_al_share_button'/>
    <script type='text/javascript'>document.getElementById(&#39;vk_al_share_button&#39;).innerHTML = VK.Share.button(&#39;<data:post.url/>&#39;, {type: &#39;button&#39;});
    </script>
    Обратите внимание на параметр type. В зазависимости от вида кнопки он может принимать значения: round, round_nocount, button, button_nocount, link, link_noicon.

Как сделать кнопку добавления в Twitter.

Вариантов много, но я остановилась пока на этих:
  • без применения скрипта:
<a expr:href='&quot;http://twitter.com/share?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=аккаунт_блога&amp;related=ваш_личный_аккаунт&quot;'><img src="http://a0.twimg.com/a/1296755102/images/goodies/tweetn.png" border="0" alt="tweetn" width="55" height="20" /></a>
Здесь изображение вы можете подобрать любое.

Кнопка Одноклассников "Класс".

Страница с кодом. Алгоритм действий:
  1. после <head> включаем:
    <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"/>
    <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" />
  2. в тег body добавляем выделенное жирным
    <body onload="ODKL.init();">
    в результате чего мой код стал выглядеть как:
    <body expr:class='&quot;loading&quot; + data:blog.mobileClass' onload="ODKL.init();">
  3. в том месте, где нужно установить кнопку пишем
    <a class='odkl-klass-stat' expr:href='data:post.url' onclick='ODKL.Share(this);return false;'><span>0</span></a>
Но мне интересно оформление без скрипта. Ссылки у нас имеют вид:
http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html
но шаблон их не принимает. Заменим символ & на &amp;. А дальше применим стандартную конструкцию:
<a expr:href='&quot;http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st.s=1&amp;st._surl=&quot; + data:post.url'>Поделиться в Одноклассниках</a>
Всё получилось! Ай, да молодца!

Кнопка "В Мой Мир".

Наиболее прост в реализации. Почему нельзя последовать его примеру? Отчего в других скриптах какие-то свои заморочки? Как всегда, начнём с официальной страницы. Далее два варианта:
  1. со счётчиком:
    <a class="mrc__share" href="http://connect.mail.ru/share">В Мой Мир</a>
    <script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript" charset="UTF-8"></script>
  2. без:
    <a expr:href='&quot;http://connect.mail.ru/share?share_url=&quot; + data:post.url'>Мой мир</a>

Кнопки от Facebook.

И ещё одна рассмотренная мною социальная сеть.
  1. "Сохранить":
    <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title'> Facebook </a>
  2. "Мне нравиться": на данной странице устанавливаем нужные настройки в "Step 1 - Get Like Button Code":
    • поле "URL to Like" оставляем пустым,
    • "Layout Style" определяет вид кнопки,
    • флажок "Show faces" указываем, если нужно показывать аватары.
  3. жмём "Get Code",
  4. в полученном коде IFRAME меняем на выделенное:
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>

Перепостить в ЖЖ.

Как уже принято, смотрим сайт разработчика. Всё очень просто, но работает только для Живого Журнала. Мы же можем применить такой вариант, где выделенные жирным фрагменты нужно заменить на свои данные:
<form action='http://www.livejournal.com/update.bml' method='post' name='updateForm'><div style='display:none;visible:false'><br/><input class='text' expr:value='data:post.title' maxlength='100' name='subject' size='43' tabindex='15' type='text'/><br/><textarea cols='1' name='event' rows='1'>Оригинал найдете на сайте Шпаргалка блоггера: <a expr:href='data:post.url' expr:title='data:top.blogThisMsg'><data:post.url/></a><br/><data:post.body/></textarea></div><br/><input type='submit' value='ЖЖ'/><br/></form>
Можно также отправлять анонс, но без картинок и других мультимедийных документов:
<a expr:href='&quot;http://www.livejournal.com/update.bml?subject=&quot; + data:post.title + &quot;&amp;event=Оригинал можно найти на сайте Шпаргалка блоггера &quot; + data:post.url + &quot;: &quot; + data:post.body'>ЖЖ</a>

Запостить на LiveInternet.

А чёй-то не нашла страницы разработчика. Но тем не менее вот код:
<a expr:href='&quot;http://www.liveinternet.ru/journal_post.php?action=n_add&amp;cnurl=&quot; + data:post.url + &quot;&amp;cntitle=&quot; + data:post.title'><img alt='LiveInternet' border='0' height='18' src='http://img1.liveinternet.ru/images/attach/c/1//56/541/56541790_1268755849_86x18.gif' width='86'/></a>
Если на странице будет использован тег description или keywords, то их содержание будет включено в текст в качестве цитаты.

Установить код кнопки +1 от Google.

Код кнопки +1 уже интегрирован в Blogger. За неё отвечают строки:
<b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  </b:if>
Помимо стандартного варианта, кнопку можно также добавить в любое место на блоге, скажем, другого размера. Страница с выбором подходящих под дизайн параметров.
Выбор параметров кнопки +1
Далее в шаблоне перед </body> пишем предоставленный скрипт:
<script type="text/javascript">
  window.___gcfg = {lang: 'ru'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
В том месте, где должна отображаться кнопка +1 вносим
<g:plusone expr:href='data:post.url'></g:plusone>
Без скрипта.
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' style="background: url(http://ssl.gstatic.com/s2/oz/images/stars/po/Publisher/sprite4-a67f741843ffc4220554c34bd01bb0bb.png) no-repeat 0 -720px; width: 33px; height: 20px; display: inline-block;">&amp;nbsp;</a>

Плавающая панель

В комментариях описан способ реализации плавающей панели. Начиная с 202 и по 209

Пока на этом всё. Готова ответить на вопросы.
Rookee — инструменты для привлечения клиентов на сайт
в f t
наверх ↑

349 комментариев:

1 – 200 из 349   Новые›   Самые новые»
шеф-повар
Здравствуйте!
Очень благодарен за ваш ресурс!
Колоссальное количество времени сэкономил.
Спасибо!
Пишу, чтобы спросить помощи: скажите в какой стороне искать ответ на вопрос - Как расположить кнопки социальных сетей в ряд? Как у вас.
Ответы в Гугле вроде есть, но какой путь правильный?
NMitra
Добрый вечер!
Статью как раз ещё только заканчиваю. Здесь много кода и головой приходится работать, поэтому и опубликовала "полуфабрикат". Посмотрите текст перед скриншотом.
шеф-повар
Блин!
Спасибо!
шеф-повар
NMitra, прошу еще вашей помощи!
Как-то странно ведет себя кнопка "ВКонтакте".
Я поставил кнопки после div class='post-body entry-content'. Соответственно социальные кнопки видно и с главной - для каждого сообщения, и уже в каждом сообщении, в самом его конце.
Так вот кнопка "ВКонтакте" на главной странице показывается только для самого верхнего сообщения, а на странице каждого сообщения она есть.
Это ее особенность? Или я что-то не то сделал?
Спасибо!
Иван
Спасибо, давно не мог вставить кнопки... Воспользовался самым первым скриптом и вставил код addthis
NMitra
Да, я тоже думала об этом. Уж больно много ненужного в этой кнопке. Я специально не тестировала, но можно посмотреть время загрузки "до" и "после" внесения данного скрипта в шаблон.
NMitra
Шеф-повар, вы всё сделали верно. У меня на тестовом блоге наблюдается тот же эффект. Вместо скрипта можно добавить:

<a expr:href='&quot;http://vkontakte.ru/share.php?url=&quot; + data:post.url' rel='nofollow' target='_blank' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"'><img alt='В Контакте' border='0' height='21' src='http://3.bp.blogspot.com/_ebKrCj8TLPk/TU3RjiW1FEI/AAAAAAAABas/XoQvbUXqc2M/s1600/VKontakte.png' width='88'/></a>

Вид будет тот же, только счётчик не будет отражаться.
mangust_ru
Красиво получилось, особенно нравиться, что к каждой кнопочке счетчик есть.
NMitra
Спасибо
шеф-повар
Спасибо!
Вообще все супер!
NMitra
Замечательно)))
Иван
Наталья, только сегодня обнаружил проблемку, дело в том что код кнопки смещает конец длинного заголовка поста, может подскажете что можно сделать?! Ссылка на мой блог есть в моём первом комментарии, можете посмотреть...)))
NMitra
Проверьте действительно ли это вызвано скриптом кнопки - удалите его на время. Потому что я протестировала код - всё в норме: http://prilozhenie3.blogspot.com/
Иван
))) Спасибо, я проверял, у Вас просто между постов расстояние больше, поэтому заголовок не задевает...
NMitra
Для того, чтобы увеличить пространство между постами нужно перед ]]></b:skin> добавить

.post-outer {margin: 0 0 25px;}

Хотя у меня не получилось повлиять таким образом на заголовок.
Иван
Убрал "share", осталась одна кнопка. Не совсем понятно, но вроде прошло...
.post-outer {margin: 0 0 25px;} - у меня тоже не получилось..)))
Спасибо, за помощь!
шеф-повар
Nmitra! Здравствуйте! Не могли бы вы мне помочь в таком вопросе:
Есть задача печатать часть сообщения блога?
То есть само сообщение представляет из себя иллюстрированный рецепт. А в конце краткое текстовое изложение и список продуктов. Каким образом распечатать только эту, текстовую часть?
Если не сложно, подскажите хотя бы направление поиска, какие механизмы тут работают?
Для примера http://thepioneerwoman.com/cooking/2011/02/chocolate-valentine-cookies/
Спасибо!
NMitra
Не за что))) Вы сами справились.
NMitra
Шеф-повар, да, сделано хорошо.
1) Ссылка на изображение принтера ведёт на новую страницу (обратите внимание на URL)
2) На ней уже нужная ссылка <a href='javascript:window.print(); void 0;'> <img src="адрес_изо" / > </a>
3) Кнопки 3"x5" Cards|4"x6"|Full Page переключаются с помощью скрипта.
galayko
То есть, если я захочу так сделать, то одновременно с сообщением в блоге, я должен повторить краткий рецепт на статичной странице. На нее дать ссылку и уже эту статичную страницу печатать с помощью скрипта. Правильно?
galayko
Блин, с другого аккаунта отправил - это был Шеф-повар.
NMitra
Точно. Только меня терзают смутные сомнения: что вы имеете ввиду под "статичной страницей"? Просто отдельно публикуется ещё одно сообщение, которое закрывается от индексации мета-тегом, дабы не было дублирования.
galayko
Я наверно имел в виду то же самое. Просто в моем представлении эти рецепты публикуются где-то как набор страничек (а не потоке блога), на которые и идет ссылка. А слово статичный привязалось, так как на том блоге, помимо урла - lalala.com есть и -static.lalala.com.
В общем то же самое. Спасибо за мысль!
Irina
Я уже 3 часа сижу и делаю по схеме и ничего не появляется!!!! нервы сдают, комп. разобью!
NMitra
Давайте разбираться. Насколько я понимаю, вас интересует код без скрипта. Добавьте его в "Дизайн"-"Изменить HTML" с указанной галочкой "Расширить шаблоны виджета". На данный момент я его не вижу в исходном коде страницы. И мне пока трудно понять на какой стадии у вас возникают затруднения.
Irina
Добавила общий код перед "див клас комментс"

Но кнопочки не появились в блоге!
Посмотрите пожалуйста.
NMitra
Все шесть на месте перед комментариями. Нужно перейти в сообщение.
Irina
Странно!!! у меня их не видно! Я использую браузер Гугл Хром - может быть в нем не отображается?
Irina
Да, перейдя в сообщение кнопки видны. А в общем виде их не видно.... почему?
NMitra
Для того, чтобы они отображались и на Главной странице, уберите предыдущие изменения, а код добавьте после:

<div class='post-footer-line post-footer-line-1'>
Irina
Работает! Спасибо большое! :)

Теперь надо их уменьшить, а то слишком масштабно смотрятся!
Irina
Хотя, наверное не стоит их уменьшать, а то качество пропадет... Спасибо еще раз!

Столько часов потратила, и наконец-то получилось...
NMitra
Можно просто добавить другие изображения меньшего размера. Можно найти много разнообразных иконок в сети, подходящих под дизайн блога.
NMitra
Или убрать невостребованные кнопки.
Irina
А как, например, заменить изображение кнопки в общем коде?
Irina
Например заменить кнопку facebook на кнопку нравится в facebook с счетчиком справа?
Irina
Вот так же с счетчиками как у Вас под этим постом, только еще правая кнопка facebook-а тоже с счетчиком чтобы была?
NMitra
За образец возьмем twitter.

<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank'><img alt='twitter' border='0' height='21' src='http://2.bp.blogspot.com/_ebKrCj8TLPk/TU41_OW5gCI/AAAAAAAABbg/ZJZ3KvJJNmQ/s1600/twitter.png' width='55'/></a>

Нужно заменить эту часть:
<img alt='twitter' border='0' height='21' src='http://2.bp.blogspot.com/_ebKrCj8TLPk/TU41_OW5gCI/AAAAAAAABbg/ZJZ3KvJJNmQ/s1600/twitter.png' width='55'/>

Здесь про данный код - http://shpargalkablog.ru/2010/08/podpis-kartinki-html.html

Итог может быть таким:

<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank'><img border="0" height="16" src="http://1.bp.blogspot.com/-5S56STIPB6A/TVrpq5QR27I/AAAAAAAABcg/ZzsXzZNOizw/s1600/Twitter.png" width="16" alt="Twitter"/>
</a>
NMitra
Про Facebook.

Заменяем
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' border='0' height='21' src='http://4.bp.blogspot.com/_ebKrCj8TLPk/TU3jps8m3oI/AAAAAAAABa8/6sJuxOcY5BM/s1600/Facebook.png' width='88'/></a>

на

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
Irina
Как поменять картинки кнопок я теперь поняла, спасибо! Попробую их порисовать в фотошопе под дизайн блога.

А как заменить кнопки на кнопки со счетчиками?
NMitra
Для стандартной кнопки код будет:

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
Irina
Поменяла!
А для вконтакта?? ;)
NMitra
http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html#vkontakte ))

Кнопка "Мне нравится" добавляется легко, но работает не корректно: нет возможности учесть инфо на своей страничке. Поэтому её код я не стала озвучивать.
ольга
Получилось!! Спасибо. Теперь как в поговорке: покажи палец, а он тебе всю руку откусит - просьба, или вопрос, а как добавить кнопку ЖЖ?
NMitra
Я бы с удовольствием ответила на вопрос, но, к сожалению, совсем не разбирала данную платформу, ориентируюсь в основном на Blogger и попутно изучаю HTML.
Irina
Спасибо! Я пересмотрела весь интернет (даже на англ.яз.), написала письмо в поддержку блоггера, и в другие форумы, но ответ как добавить кнопки без скриптов нашла только у Вас в статье.

а офиц. поддержка блоггер даже не ответили на мой вопрос...
NMitra
Да, с официальной поддержкой туго. Насколько я понимаю, есть специально нанятые люди, которые отвечают на вопросы в форуме Blogger. Например, автор этого блога - http://www.tweakmyblogger.com/. Хотя я могу и ошибаться.
Иван
Наталья, вроде понятна причина смещения заголовков постов... Я вчера запустил свой блог в сафари и кнопка почему то оказалась слева а не справа... Как исправить, может знаете?!
NMitra
Смотрю: кнопка справа.
Иван
Ох, возможно это разрешение... У меня шаблон на него не первый раз реагирует... Спасибо!
Даниил
спасибо! будем пробовать!
Dasha Mentol
Не по теме, конечно, но я не могу открыть свой блог.
вот что пишет

К сожалению, выполнить запрос не удалось.
При отправке этого отчета об ошибке в службу поддержки Blogger или в группу справки Blogger:

Расскажите, при каких обстоятельствах произошла ошибка.
Предоставьте следующий код ошибки и дополнительную информацию.
bX-4g9nbd
ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ
host: organizer228.blogspot.com
uri: /
Эта информация поможет нам определить, какая проблема у вас возникла, и решить ее! Приносим извинения за причиненные неудобства.

ПОИСК СПРАВКИ
Узнайте, есть ли подобная проблема у других пользователей. Поиск в группе справки Blogger для bX-4g9nbd
Если этот поиск не дал никаких результатов, можно начать новую тему. Убедитесь, что ваше сообщение содержит bX-4g9nbd.
Dasha Mentol
Кнопка Мне нравится от вконтакте беснуется. все кнопки на первом посте оказываются. что делать?
NMitra
По-поводу ошибки обратитесь в комментариях в этот блог: http://www.southernspeakers.net/ с указанием адреса этого адреса http://www.google.com/support/forum/p/blogger/thread?tid=061922fe52f7108a&hl=ru. Текст пишите на английском, можно с помощью инструмента http://translate.google.ru/#.

Я должна видеть проблему, сейчас на блоге кнопки не установлены.
Dasha Mentol
Кнопки 2 только установлены, и то они все на самом верхнем посте размещены.
NMitra
1) уменьшите количество страниц на главной. Она грузится очень медленно: "Дизайн"-"Элементы страницы"-"Сообщения блога"-"Изменить"-"Количество сообщений на главной странице"-максимально 5.

2) кнопки со счётчиками не ставьте на Главной, только на внутренних, иначе выбирете вариант без счётчиков.
Dasha Mentol
Так варианта без счетчика нету же.
Dasha Mentol
Как вы свою кнопку вконтакте сделали?
NMitra
57. см. http://prilozhenie7.blogspot.com/2011/02/blog-post.html

58. см. http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html#vkontakte
Хозяин Лягушатника
Кнопки надо закрывать rel='nofollow'?
NMitra
Если использовать кнопки со счётчиком, то не нужно, поскольку там применяется скрипт, без - да.
Хозяин Лягушатника
ага, то есть кнопки без счетчика закрывать.

К стати, счетчик на одноклассники не работает. Какой все-таки должен быть код?

И если можно вам еще вопрос. Все-таки считаю необходимым кнопку отправить в ЖЖ. Я нашел хороший вариант кнопки, при которой она забивается в само сообщение и можно самому вставлять вариант перепоста в ЖЖ. Недостаток один все делается в ручную.
А есть еще варианты, чтобы отправлять анонс, а не просто ссылку в ЖЖ?
NMitra
По-поводу "Одноклассники". Этот код был предложен на сайте разработчика, но она почему-то срабатывает со второго раза.((( Это их глюк. Вроде первый раз не происходит авторизации аккаунта. Вот если вы уже зашли в систему, будет лучше.

Про ЖЖ не смотрела, посмотрю завтра-послезавтра - отпишусь.
NMitra
По-поводу ЖЖ. Я думаю, получилось очень хорошо:

http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html#zz
Хозяин Лягушатника
Да, замечательно получилось, спасибо!
Вообще же, мне кажется у многих создателей русскоязычных кнопок страдает логика (не к вам относится).
Например, заходим в яндекс блоги и смотрим статистику публикации постов в день по сервисам.
1. место ЖЖ занимает среди блогов.
2. место LiveInternet

среди микроблогов
1. Блоги@Mail
2. твитер
2. Микроблоги на QIP

На контакт, фейсбук и однокласники статистики нет.

Это самая большая аудитория и здесь исходя из чистой статистики должны быть эти кнопки.
Остальными сервисами можно пренебречь.
Плюс понятно сеошникам, опять же из статистики LiveInternet не будет интересен, т.к. там мало кто интересуется СЕО. Но остальным может быть наоборот.

Вот. Это я к чему. Наверное не плохо бы иметь что-то вроде ЖЖ кнопки и на LiveInternet.
Извините, что может вас нагружаю.
Спасибо.

Очень у вас хороший блог и понятный.
NMitra
В Liveinternet очень агрессивное привлечение читателей во время открытия аккаунта. Интересно, как они этот процесс автоматизируют? На данный момент не хотца изучать ещё одну систему.

Ссылку можно разместить так:
http://shpargalkablog.ru/2011/02/sotsialnye-knopki-dlya-blogger.html#li
Сергей
А я хотел возпользоваться "Самый простой: изменить настройки сообщения блога." У меня в настройках "галочка" стоит, но кнопок нет( Возможно ли это потому что у меня нестандартный шаблон? И как их все таки разместить.
P.S:http://goodbusinessforyou.blogspot.com/
NMitra
Не вижу проблемы.

Сергей, к вам просьба: указывайте один URL. Например, при комментировании в поле "Подпись комментария" выбирайте Имя/URL. Все равно они не индексируются и оформляются в виде текста. А то уж больно похоже на спам.
Хозяин Лягушатника
Скажите, а вот родительские кнопки блогспота мне не нужны и они не показываются, но их код висит в шаблоне HTML. Может стоит этот код удалить?
NMitra
Я закомментировала, но можно и удалить код между

<b:includable id='shareButtons' var='post'>....</b:includable>
Хозяин Лягушатника
Я так и догадался удалить.
a.tkachuk
Здравствуйте! Не знаю куда писать, поэтому пишу сюда. Для моего блога мне был необходим гаджет, который бы работал так: выцеплял по Твиттеру все упоминания моего блога, и выводил их в стройной колонке. Случайно нашел ресурс 32Hours.com, и каким-то образом установил их гаджет.

Результат вы можете посмотреть у меня на блоге, в сайдбаре в самом низу.

Что я хотел спросить: если вам эта тема интеерсна, вы не могли бы подробно описать пошагово как сделать так как у меня получилсь, и как это на самом деле работает?

Потому что когда я попытался сделать все во второй раз, то у меня не получилось, а в третий опять вышло )

По-моему интересный гаджет. Он позволяет владельцу блога отслеживать как часто про него пишут и на него ссылаются в твиттере.
NMitra
Очень интересно. Обязательно посмотрю. Спасибо!
Undersun
Здравствуйте!
А не подскажете, что нужно сделать, чтобы при постинге в Vkontakte/Facebook, кроме заголовка статьи, картинки и ссылки на блог, публиковалось и часть статьи, несколько строк.
NMitra
Эти данные берутся автоматом из мета-тега description.
SynVelesa
NMitra, здравствуйте, я понемногу становлюсь Вашим горячим поклонником)) Подскажите, пжлст, мне, допустим, необходимо внести изменения в HTML, но как определить, куда именно вносить эти изменения? Пример с соц.кнопками, хочу их "раскрасить" как у Вас. Благодарю за внимание)
NMitra
Стили в шаблоне находятся до ]]>. CTRL+F для поиска.
Oleg
Как показать HTML-код своей кнопки?
NMitra
Вижу, вы уже справились)
DMITRIEVA Photographer
Доброго времени суток)
я каким-то чудом, сама не поняла как, вставила кнопи фэйсбука и контакт. внутри сообщений все нормально, а снаружи все конпки контакта съехались к первому посту. как это исправить? а еще лучше, как оставить кнопки только внутри сообщений? заранее большое спасибо http://dmitrievaphotographer.blogspot.com/
NMitra
Здравствуйте! Нужно:

<b:if cond='data:blog.url != data:blog.homepageUrl'> код кнопки </b:if>
QweSteR
А можно весь код целиком?
NMitra
Если нужны кнопки со счётчиком, то не получится, поскольку к каждому соц сервису требуется индивидуальный подход. Здесь файл без счётчика http://prilozhenie7.blogspot.com/2011/02/blog-post.html
Рустам Мухаметгалеев
пока ничего не понял, но надо внимательно вчитаться
NMitra
Откройте какой-нибудь тестовый блог и на нём пробуйте реализовать. Так дело пойдёт быстрее.
FakeFactFelis
Проблема — кнопка «Сохранить» В Контакте.
Пытаюсь сделать скриптовую полнофункциональную кнопку со счетчиком, отображаемую под каждым постом. «Пытаюсь» — потому как отображается она только один раз на страницу, под первым постом на главной (внутри любого также один раз, но такая ситуация уже нормальна), а что-то править не вариант, в JavaScript полный ноль.
Варианты «картинкой», «кнопки внутри поста» не подойдут.
Временно прикрыл безобразие в

дабы не было так заметно, но не оставлять же так.
NMitra
Скрипты, такие как кнопки или возможность увеличить текст, которые имеют действие на определённую статью, нужно убирать с Главной (комментарий 81), оставляя их только на внутренних страницах. Иначе они некорректно себя ведут.

Или можно установить вариант без применения скриптов. Будет приблизительно так http://prilozhenie7.blogspot.com/2011/02/blog-post.html. Он намного легче. И на него я буду в будущем переходить.
Анонимный
А что значит: "Оно впервые было опубликовано на shpargalkablog.ru."? Да таких кнопок уже понаделали кучу. То что ОДНО ИЗ решений - это понятно, но ничего нового вы не придумали. Или я может что не разглядел в этих кнопках?
NMitra
Конечно, код кнопок разработан не мной. Эта строка расчитана на плагиатчиков, дабы в тексте употреблялся URL блога.
Светлана Ковалева
Подскажите, пожалуйста, Наталья, как сделать, чтобы кнопка retweet от TweetMeme не отображалась на статичных страницах, а только на страницах постов?
NMitra
Конечно, Светлан:

<b:if cond='data:blog.pageType != "index"'> код кнопки </b:if>
Светлана Ковалева
А я сделала ... Взяла с комментариев http://shpargalkablog.ru/2010/11/postranichnaya-navigatsiya-dlya-blogger.html, там спрашивали как убрать заголовки со статичных страниц. Спасибо, Наталья!
NMitra
Не зря значит комментарии пишутся)
Светлана Ковалева
Это точно:). Только там другой код был, здесь он не опубликовался. Этот код, который вы мне дали, Наталья, скрывает кнопку на главной, а тот нет. Как раз, что мне нужно было! Просто я видимо не правильно сформулировала свой вопрос. Ваш блог - это клад!!! Всем всегда, при случае, его рекомендую.
NMitra
Спасибо!
serdgio
Просто супер, аж глаз радует. Реальное спасибо!!!
NMitra
Пожалуйста!
Андрей
Здравствуйте, не могли бы вы мне помочь с "Блок «Поделиться» от Яндекса"
Хочу чтоб Блок «Поделиться» от Яндекса был на одном уровне с комментариями, а он получается выше чем комментарии, ярлыки... Буду очень благодарен
NMitra
Вы имеете ввиду на Главной. Разместите у себя и укажите URL блога.

<script charset='utf-8' src='//yandex.st/share/share.js' type='text/javascript'/>
<div class='yashare-auto-init' data-yashareL10n='ru' data-yashareQuickServices='yaru,vkontakte,facebook,twitter,odnoklassniki,moimir' data-yashareType='button' style='margin: 0 10px 0 0; display: inline;'/> </div>

      <div class='post-footer-line post-footer-line-3'>


Не выделенный фрагмент - это код блока Яндекса, куда мы добавляем стиль style='margin: 0 10px 0 0; display: inline;'. Выделенное жирным - это код до которого мы включаем скрипт. То есть это самый конец линии:
<div class='post-footer-line post-footer-line-2'>.
NMitra
Первая строка - я имею ввиду адрес вашего блога, чтобы я видела получившийся результат, чтобы в случае проблемы указать на неисправность.
Starkkk
Код блока другой... это никак не повлияет
NMitra
Не должно.
Starkkk
Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты.
Сообщение об ошибке в XML: The element type "span" must be terminated by the matching end-tag "span".
Error 500
NMitra
Куда добавляете? Какой код? Нужно до

</div>

      <div class='post-footer-line post-footer-line-3'>
Starkkk
Делаю так, что не правильно
http://i077.radikal.ru/1105/b3/fe78bcd088e7.jpg
NMitra
Не правильно, нет закрывающегося тега. Не используйте вариант из статьи. Я сейчас предлагаю несколько иную конструкцию. Сделайте как указано в комментарии 99. В скрипте измените:

yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj
Starkkk
можно чуть подробней? ибо я в кодах не разбираюсь
NMitra
Посмотрите скринщот:

http://3.bp.blogspot.com/-4rk6Ywh4b6k/TeFhMyqgtnI/AAAAAAAAB7Q/yxgiSi4TCdI/s1600/ScreenHunter_01-May.png

Выделенное жирным - наш скрипт с style='margin: 0 10px 0 0; display: inline;'
Starkkk
woohoo фсе ок pnx
Starkkk
Фоту можно не удалять...
NMitra
Отлично! Не буду)
Starkkk
Здравствуйте после добавления кнопок у меня пропали ярлыки :(
Помогите
NMitra
Напомните, ярлыки у вас были после статьи или гаджет ярлыки?
Starkkk
гаджет работает, а ярлыки после статьи пропали:'(
NMitra
Этот фрагмент есть в шаблоне?

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>
Андрей
На фото этот фрагмент был удален, сделал так же как на фото...
Кстати, получится чтоб ярлыки были после кнопок поделится? если да то пожалуйста
NMitra
Там вариант шаблона был не очень удачным. Конечно. Добавьте код комментария 115 перед

<div class='post-footer-line post-footer-line-3'>
Starkkk
Можно подробней
Андрей
Ярлыки появились, но они ниже комментариев и блока поделится, можно сделать так чтоб они были на одном уровне, сначала комментарии, потом блок поделится, потом ярлыки.
NMitra
В "Дизайн"-"Элементы страницы"-"Поле сообщение блога"-"Изменить"-внизу "Упорядочить элементы" мы видим семь пунктирных полей: Дата, Заголовок, Тело сообщения и т.д. Простым перемещением мышки мы можем добиться нужного размещения. После поля "Тело сообщения" есть три строки. Одну из них вы удалили.

То есть размещение у каждого индивидуально. У кого-то ярлыки находятся на первой строке (в коде между <div class='post-footer-line post-footer-line-1'>...</div>), у другого на второй (в коде <div class='post-footer-line post-footer-line-2'>...</div>).

Поэтому я не могу показать универсального решения, здесь нужно подходить более индивидуально. Предполагая как у вас находятся элементы могу выложить необходимый код трёх элементов, а вы добавите необходимые фрагменты.

Поскольку у меня на данной странице довольно много уже повторений одного и того же фрагмента и для других пользователей это будет не актуально, я воспользуюсь комментариями одного из ваших блогов, которые я, думаю, вы впоследствии удалите.
Starkkk
Валяй:D
Андрей
В одном блоге изменил код, можно их красивей сделать, выровняв по левому краю и расстояние от кнопок до ярлыков большое
NMitra
Перед ]]></b:skin> добавить

.post-labels {margin: 0 -100px 0 100px;}

Либо так

.post-labels {margin: 0 -20% 0 20%;}

Значения любые. Вот только мне не очень понятно про выравнивание по левому краю. Это всего блока или отдельно для ярлыков?
Андрей
комменты, кнопки публикации, ярлыки
Расстояние между кнопками и ярлыками слишком большое...
NMitra
.post-labels {margin: 0 20px 0 -20px;}

Посмотрите эту статью - http://shpargalkablog.ru/2011/03/svoistva-margin-padding.html
NMitra
Аналогично добавить выделенное жирным

<div class='post-footer-line post-footer-line-1' style="margin: 0 20px 0 -20px;">
Андрей
Наверно неправильно выразился
http://s008.radikal.ru/i303/1106/6e/94848cb9ace7.jpg
NMitra
См. комментарий 125.
Андрей
можно ли выровнять по уровню текста? по комменту 125 не выходит
NMitra
Андрей, сейчас посмотрела, вроде всё ровненько так. Вопрос до сих пор актуален? С помощью значений margin установите необходимый уровень:

margin: верх вправо вниз влево
Андрей
Не так начал делать. Все хорошо, спасибо.
Starkkk
XD скопировал код в второй блог, надпись ярлыки стала нивидомой :D только при выделении мышью можно прочитать, как это изменить?
NMitra
Забавно)

.post-labels { color: #000; }
Андрей
такой строки видимо нет... подробней пожалуйста
NMitra
Внесите её сами перед ]]></b:skin> или см. комментарий 125
Starkkk
Из статьи "svoistva margin padding" в этом плане ничего полезного не нашел, ]]> это фрагмент не нашел. help me please :'(
Светлана Ковалева
Подскажите, пжл, Наталья, я решила установить кнопки от Яндекса на место блогеровских, то есть они отображаются как на главной, так и на страницах сообщений. Проблема в том, что они дают ссылку с текущей страницы, а мне хотелось бы, чтобы при нажатии с главной кнопки давали, всё-таки, ссылки на страницу сообщения, как кнопка retweet. Скажите, это возможно? Если да, то какие внести изменения в код кнопок?
NMitra
После

#layout .region-inner {
min-width: 0;
width: auto;
}
NMitra
Светлан, боюсь, что так нельзя. Вы можете воспользоваться этим вариантом:

http://prilozhenie7.blogspot.com/2011/02/blog-post.html
Светлана Ковалева
Можно, Наталья, я нашла. Нужно добавить в код от Яндекса строчки:

expr:data-yashareLink='data:post.url'
expr:data-yashareTitle='data:post.title'

тогда ссылка будет не на текущую страницу, а на страницу сообщения.
Dekameron
Скажите , пожалуйста, а как потом просмотреть кто кликнул like на фейсбуке? у меня отображается только количество..
NMitra
А ведь и правда! Я поленилась заглянуть на страницу разработчиков, вот и результат. Свет, крайне полезная информация, спасибо! В последнее время не я даю вам рекомендации, а, наоборот.))
NMitra
Dekameron, facebook я совсем ещё толком не изучала, поэтому чтобы не попасть в просак как в прошлый раз, не буду утверждать что-то. Можете посмотреть какие-нибудь наиболее подходящие гаджеты, например, на этой странице:
http://developers.facebook.com/docs/reference/plugins/like-box/
Cветлана Ковалева
Рада быть полезной!;)
Anet
читаю комменты. наверное глупее всех, но не могу найти class='comments' id='comments'>, чтобы перед ним вставить код.
нет какого нибудь быстрого поиска

спасибо большое.
NMitra
Да, вручную это сделать проблематично.

CTRL+F в поле поиска вводим

id='comments'
Andrey
haleluya разобрался. Светлана Ковалева (С)Можно, Наталья, я нашла. Нужно добавить в код от Яндекса строчки:

expr:data-yashareLink='data:post.url'
expr:data-yashareTitle='data:post.title'

тогда ссылка будет не на текущую страницу, а на страницу сообщения.
**
Куда именно вносить эти строчки?
NMitra
<div class='yashare-auto-init' data-yashareL10n='ru' data-yashareQuickServices='yaru,vkontakte,facebook,twitter,odnoklassniki,moimir' data-yashareType='button' expr:data-yashareLink='data:post.url' expr:data-yashareTitle='data:post.title'/>
Starkkk
Сделал так как в комменте 148. При нажатии поделится вконтакте на страничке vk фото из профилия, и только при нажатии "следующее" появляется нужно изображение. Подскажите как сделать чтоб появлялось фото из сообщения сразу.
http://s53.radikal.ru/i139/1106/25/fb75a323b184.jpg
Симонова Екатерина
Спасибо! Все просто и лаконично. Только здесь нашла, как все сделать без сложностей и замудренностей. Благодарю!
NMitra
Екатерин, признательна за отзыв! Посмотрите, кстати комментарии 137, 140 и 148. Ещё пока не внесла изменения в статью.
NMitra
Андрей, попробуйте этот вопрос задать здесь - http://clubs.ya.ru/share/.
Егор
Доброго времени суток Наталья, подскажите пожалуйста причину этой ошибки TEMPLATE ERROR: Invalid data reference post.url: No dictionary named: 'post' in: ['blog'], заранее благодарен

http://www.blogger.com/profile/14371609528420329297
Аль
Ну вот как бы все в норме, можите сами проверить через другие соц сети, особенно второй блог. Буду Очень благодарен.
NMitra
Здравствуйте, Егор. Не было возможности ранее ответить. Нахожусь вне сети. Вопрос до сих пор актуален? Во время чего появляется ошибка? Если при входе в "Дизайнер шаблонов" - это может быть действие скрипта IFRAME - http://shpargalkablog.ru/2010/12/kak-izbezhat-plagiata-vebmasteru.html#IFRAME - уберите его на время, если добавляли.

Иначе нужно загрузить ранее сохранённый шаблон (у вас ведь есть их версии, у меня - не всегда актуальные) или "Дизайн"-"Изменить HTML"-"Восстановить шаблоны виджетов по умолчанию", или поменять группу шаблонов, например, с "Простая" на "Венецианское окно". Эти действия должны помочь. Вот только ранее внесённые изменения в шаблон вручную прийдется устанавливать заново.
NMitra
Похоже на то. Почему перестала отображаться картинка из профиля ВКонтакте?
StarK
Видимо это зависит от того показываете или нет ссылку на профиль. Вот такой же код только рекомендую
expr:data-yashareTitle='"Рекомендую: " + data:post.title'
expr:data-yashareLink='data:post.url'
П.С. В нем тоже отображается изображение из профиля.

Попробуйте проверить через twitter я там не зареган
NMitra
В принципе тоже самое. Интересно, каким образом программа выбирала картинку именно вашего профиля, а не профиля сохраняющего запись.

В twitter картинки не передаются, а в остальных было вполне корректно.
StarK
Это не только у меня, у всех пользователей вставлявших подобный код были проблемы с этим
NMitra
Я имею ввиду, что я нажимала на кнопку, а картинка выдавалась именно вашего профиля. Как программа определила, что ваш блог находится под именно вашим поручительством? Вряд ли в скрипте Яндекса данный момент заложен.
Al Pachino
Я о том же. Почти во всех блогах где наблюдается код от Яндекс такое же. В Яндекс работаю умные люди, наверно они сделали это.
NMitra
Добавила код Mail.ru - http://shpargalkablog.ru/2011/01/schetchik-poseshcheniya-sayta.html
Могилев
Сижу и колупаю свой шаблон. блог mymogilev.ru дело в том что стандартной операцией в меню сообщения сняв галочку с социальных кнопок, последние все рравно остаются висеть. Может нарисуете код в шаблоне blogger который отвечает за эти соц. кнопки, чтобы его можно было удалить редактируя html шаблона blogger. Заранее благодарю
NMitra
Код между

<b:includable id='shareButtons' var='post'>......</b:includable>
Светлана Ковалева
Скажите, Наталья! У меня в одном из блогов, которые я настраиваю, почему-то никак не хочет отображаться кнопка Google +1. Я её и сама пыталась установить и родную оставить. Так она как призрак, появится, а потом исчезнет. Просто любопытно, с чем это может быть связано? Блог: vipvisionzona.blogspot.com
NMitra
В коде все элементы присутствуют. Попробуйте полностью удалить кнопки, а затем восстановить.

При данном удалении панели навигации, нужно самому вносить код в шаблон, включая сам скрипт.

В последнем случае, делаем смену группы шаблонов в "Дизайнере шаблонов" и в "Дизайн"-"Изменить HTML"-"Восстановить шаблоны виджетов по умолчанию", но изменения, внесённые в шаблон вручную будут удалены.
Светлана Ковалева
Я пробовала и удалить полностью, установить заново, и вручную ставила. Кнопка появится, а завтра её снова нет. По умолчанию установишь, так потом заново всё настраивать, а вдруг она снова на завтра исчезнет? Полтергейст какой-то:)))
NMitra
Трудно предположить...Особенно странно, что кнопка исчезает не сразу.
Светлана Ковалева
Когда её только установили в Blogger, я замечала в некоторых блогах, что вначале пару дней она, то появится, то снова исчезнет, а здесь никак не приживается:).
Егор
Наталья спасибо, касательно ошибки, что описана в 153 комментарии)))
NMitra
Рада помочь) После таких отзывов пока не забыла бегу делать пункты 1 и 3 из http://shpargalkablog.ru/2011/01/bezopastnost-blogger.html
NMitra
По-поводу ВКонтакте ответ подсказал Devaka (http://devaka.ru/articles/opengraph-for-like-buttons?commented=1#c007940).

В случае с Blogger до </head> нужно добавить мета-тег. На практике не пробовала, могу ошибиться:

<meta property="og:image" expr:content="data:post.thumbnailUrl"/>
Даниил Юрьевич
Здравствуйте..А не подскажете как эти кнопочки реализовать в системе UCOZ?
NMitra
Здравствуйте, к сожалению с UCOZ не работала, поэтому точно не подскажу.

Но в поиске встречала реализацию.
Светлана Ковалева
Позвольте мне ответить. Даниил Юрьевич, я маленько знаю UCOZ, есть у меня там один сайтик. Я думаю, что можно попробовать воспользоваться сервисом share42.com
Daniel
у меня кнопка фэйсбука почему то выше всех получилась а вконтакте вниз ушла вот страница http://obraz-zhizni.blogspot.com/ ответьте пожалуйста на мыло danielseredin@gmail.com а о тут в комментах жесть
Евгения
У меня в мозиле гугл+ вообще не отображается, а в хроме и опере аж два раза. Не подскажите, в чём может быть дело?

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

<table cellpadding='5'><tr>
<td valign="top">код</td>
<td valign="top">код</td>
<td valign="top">код</td>
<td valign="top">код</td>
</tr></table>

Выравниваем по верхней границе.
NMitra
Попробуйте закомментировать код в шаблоне Blogger:

<!--<b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  </b:if>-->
Евгения
Спасибо, помогло. (правда, в мозиле так и не отображается((()
NMitra
Я пользуюсь в основном браузером Мозила. Кнопку вижу под "Поделиться" от Яндекса. К первой статье от 18/07/11 13 плюсов.
Андрей
Очень полезная статья, у меня в шаблон не вшит код с соц.кнопками от blogger, а мне они нравятся и подходят. Хочу к ним добавить еще кнопку +1, как это сделать?
NMitra
Должен присутствовать код:

<b:includable id='shareButtons' var='post'>
  <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>
</b:includable>
Наталья Кочеткова
Здравствуйте. Все сделала по вашим рекомендациям. Блок "Поделиться " от Яндекса. Все получилась. Но когда попробовала сама - получилась что ссылки идут на одну и ту же статью, хотя жму на кнопку под другой статьей. в чем причина? спасибо.
NMitra
Наталья, доброго дня. Посмотрите комментарий 148. Никак не скорректирую статью, это моё упущение.
Якушевская Юлия Сергеевна
Огромное спасибо, у меня все получилось. Я долго мучилась и вставляла код вручную в каждое сообщение. Спасибо!!!!!))))))
NMitra
Рада помочь! Вручную действительно крайне неудобно.
Светлана Ковалева
Даниил Юрьевич в комменте 173 спрашивал про UCOZ. Если ещё интересно, в Редактировании содержимого страницы в панели HTML кодов есть Дополнения > Виджеты > Социальные закладки. Формируете код и добавляете, оказалось всё просто.
NMitra
Свет, благодарю за полезное дополнение!
Светлана Ковалева
Да не за что. Просто зашла сегодня на UCOZ и нашла виджет, сразу вспомнила, что люди здесь интересовались.
Могилевчанин
благодарю ваш ответ очень помог сам бы еще долго разбирался, где в шаблоне зарыты соц. кнопки. автор mymogilev.ru
NMitra
Рада помочь!
Alexander
Спасибо, очень помогло.
NMitra
Приятно быть полезной :)
Lili4ka
Здравствуйте. Подскажите пожалуйста почему при проставленной в настройках галочке "показывать кнопки соц.сетей" их не видно. При попытке установить свои кнопки их также не видно. В чем может быть причина?
Lili4ka
Забыла добавить, что это касается сайта http://maman-lima.com/
NMitra
Нужно смотреть шаблон. Есть более кардинальный способ - "Шаблон"-"Изменить HTML"-"Восстановить шаблоны виджетов по умолчанию". Но часть внесённых в шаблон изменений будут удалены.

Сейчас посмотрела - кнопки ретвиит и другие присутствуют, а вот страница с содержанием пустует.
Lili4ka
Да, вчера благодаря совету с форума по Blogger кое как удалось настроить кнопки. Спасибо, что указали на проблемы с содержанием, исправила.
Clear
Думаю, как бы настроить кнопочки на blogger? Набрала в поисковике: блок поделиться для blogger. И я опять у вас! Как приятно!
Все сделала. Спасибо))
NMitra
Порадовали)
«Самые старые ‹Старые   1 – 200 из 349   Новые› Самые новые»