Свой набор кнопок социальных сетей

Social ButtonsПолагаю, что большинство блогеров знает, для чего нужны кнопки социальных сетей (те, кто не знает, срочно идут знакомиться со статьей 'Правило трех "И"'). Разработчики платформы Blogger (Blogspot) не обошли вниманием этот вопрос, предоставив нам панель с наиболее популярными, по их мнению, кнопками. Но что делать, если стандартного набора нам недостаточно, хотя бы потому, что в нем нет кнопок популярных в России социальных сетей? Или, в случае, если нам не нравится дизайн этой панельки? Тут вам поможет эта статья!

Что отличает мой набор кнопок социальных сетей от стандартного? Во-первых, большее количество доступных социальных сетей. Во-вторых, более стильное, на мой взгляд, оформление. В третьих, при нажатии на кнопку вы получите всплывающее окно, подогнанное под размер формы добавления ссылок в выбранную соц. сеть. И, наконец, неограниченные возможности для публикации своих комбинации кнопок! Если вы опустите взгляд в конец этой статьи (да и любой другой статьи на этом ресурсе), то вы увидите в действии тот набор социальных кнопок, что я хочу вам предложить.

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

Преимущества моего кода кнопок перед аналогами с других сайтов:

1. Кнопки, где это возможно, отдают максимум информации: название статьи, ссылку на нее, уменьшенную копию первой картинки в статье, небольшой фрагмент статьи.
2. Где это полезно для оформления, производится выделение передаваемых данных курсивом, жирным шрифтом и пр.
3. Корректная работа в Internet Explorer: текст, набранный кириллицей, передается без искажений.

Перейдем от теории к практике. Перво-наперво отключаем стандартный набор кнопок, если он у вас задействован. Для этого идем в настройки внешнего вида блога (Дизайн->Элементы страницы) и нажимаем в модуле "Сообщения блога" ссылку "Изменить". В открывшемся окне снимаем галочку с пункта "Показывать кнопки для публикации".

Теперь открываем редактор шаблона (Дизайн->Изменить HTML), ставим галочку напротив "Расширить шаблоны виджета", после чего находим этот код:
<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div>
...и сразу под этим кодом добавляем следующее:
<b:if cond='data:blog.pageType == "item"'>
  <div>
    <!--Blogger-->
    <a class='shareme' expr:href='&quot;http://blogger.com/blog-this.g?u=&quot; + data:post.url + &quot;&amp;n=&quot;' expr:name='data:post.snippet' expr:onclick='&quot;window.open(this.href + encodeURIComponent(this.title) + \&quot;&amp;t=\&quot; + encodeURIComponent(this.name), \&quot;_blank\&quot;); return false;&quot;' expr:title='data:blog.title + &quot;: &quot; + data:post.title' rel='nofollow' style='background: url(&quot;https://lh3.googleusercontent.com/-zd86rZgogpY/TzURYbnkfQI/AAAAAAAAAbE/9fpYkwVGFNA/s25/but1bw.png&quot;) no-repeat; font-size:25px;'><img alt='В Blogger' src='https://lh6.googleusercontent.com/-hoxDpt12RVs/TzURYrLal8I/AAAAAAAAAbM/zG-tKxM6Odk/s25/but1color.png' title='Опубликовать в Blogger'/></a>

    <!--Twitter-->
    <a class='shareme' expr:href='&quot;http://twitter.com/intent/tweet?original_referer=&quot; + data:post.url + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;text=&quot;' expr:onclick='&quot;window.open(this.href + encodeURIComponent(this.title), \&quot;_blank\&quot;, \&quot;height=240,width=510\&quot;); return false;&quot;' expr:title='data:blog.title + &quot;: &quot; + data:post.title' rel='nofollow' style='background: url(&quot;https://lh4.googleusercontent.com/-YiTfX-3BJSk/TzURY5VnEkI/AAAAAAAAAbY/XfgI7nlwi3c/s25/but2bw.png&quot;) no-repeat; font-size:25px;'><img alt='В Twitter' src='https://lh3.googleusercontent.com/-RE2kB1W5OV0/TzURZBJNQHI/AAAAAAAAAbQ/oCpbf38DKjQ/s25/but2color.png' title='Опубликовать в Twitter'/></a>

    <!--Живой Журнал-->
    <a class='shareme' expr:href='&quot;http://livejournal.com/update.bml?subject=&quot;' expr:name='data:post.url + &quot;&gt;&lt;b&gt;&quot; + data:post.title + &quot;&lt;/b&gt;&lt;/a&gt; от &lt;b&gt;&quot; + data:post.author + &quot;&lt;/b&gt; (&quot; + data:blog.title + &quot;) : &lt;i&gt;&quot; + data:post.snippet  + &quot;&lt;/i&gt;&quot;' expr:onclick='&quot;window.open(this.href + encodeURIComponent(this.title) + \&quot;&amp;event=&lt;a href=\&quot; + encodeURIComponent(this.name), \&quot;_blank\&quot;); return false;&quot;' expr:title='data:post.title' rel='nofollow' style='background: url(&quot;https://lh5.googleusercontent.com/-7LyaWP03TPg/TzURaSYqwcI/AAAAAAAAAbw/Z_-_jq_rI_8/s25/but5bw.png&quot;) no-repeat; font-size:25px;'><img alt='В Живой Журнал' src='https://lh4.googleusercontent.com/-l64jF-dqcvE/TzURavNk_OI/AAAAAAAAAb0/ZKEpghoy6hw/s25/but5color.png' title='Опубликовать в ЖЖ'/></a>

    <!--ВКонтакте-->
    <a class='shareme' expr:href='&quot;http://vk.com/share.php?url=&quot; + data:post.url + &quot;&amp;image=&quot; + data:post.thumbnailUrl + &quot;&amp;title=&quot;' expr:name='data:post.snippet' expr:onclick='&quot;window.open(this.href + encodeURIComponent(this.title) + \&quot;&amp;description=\&quot; + encodeURIComponent(this.name), \&quot;_blank\&quot;, \&quot;height=280,width=480\&quot;); return false;&quot;' expr:title='data:post.title' rel='nofollow' style='background: url(&quot;https://lh3.googleusercontent.com/-R6JuHs_66ys/TzURZslznKI/AAAAAAAAAbo/nN7HQg4nqO4/s25/but4bw.png&quot;) no-repeat; font-size:25px;'><img alt='во ВКонтакте' src='https://lh6.googleusercontent.com/-Z_lKcxulFwI/TzURZ5LxaXI/AAAAAAAAAbs/Q_6l9HppIdo/s25/but4color.png' title='Опубликовать во ВКонтакте'/></a>

    <!--Одноклассники-->
    <a class='shareme' expr:href='&quot;http://odnoklassniki.ru/dk?st.cmd=addShare&amp;st.s=0&amp;st._surl=&quot; + data:post.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=385,width=600\&quot;); return false;&quot;' rel='nofollow' style='background: url(&quot;https://lh3.googleusercontent.com/-3ZggCbbQWqo/TzVaeh8zSCI/AAAAAAAAAdw/9BdzxoWAUTU/s25/but9bw.png&quot;) no-repeat; font-size:25px;'><img alt='В Одноклассники' src='https://lh3.googleusercontent.com/-i50nQdPu_KQ/TzVaecZoRcI/AAAAAAAAAds/7K6QEGQxfhc/s25/but9color.png' title='Опубликовать в Одноклассниках'/></a>

    <!--Я.ру-->
    <a class='shareme' expr:href='&quot;http://my.ya.ru/posts_add_link.xml?URL=&quot; + data:post.url + &quot;&amp;title=&quot;' expr:name='data:post.author + &quot; (&quot; + data:blog.title + &quot;) :&lt;/b&gt; &lt;i&gt;&quot; + data:post.snippet  + &quot;&lt;/i&gt;&quot;' expr:onclick='&quot;window.open(this.href + encodeURIComponent(this.title) + \&quot;&amp;body=&lt;b&gt;\&quot; + encodeURIComponent(this.name), \&quot;_blank\&quot;, \&quot;height=560,width=1005\&quot;); return false;&quot;' expr:title='data:post.title' rel='nofollow' style='background: url(&quot;https://lh6.googleusercontent.com/-3gnlQVPOQcQ/TzURgEWMOBI/AAAAAAAAAdA/iGxaDkWX9RA/s25/but7bw.png&quot;) no-repeat; font-size:25px;'><img alt='В Я.ру' src='https://lh4.googleusercontent.com/-m8LwONvloFU/TzURbjS48aI/AAAAAAAAAcQ/jAT6H-Y3arI/s25/but7color.png' title='Опубликовать в Я.ру'/></a>

    <!--Мой Мир-->
    <a class='shareme' expr:href='&quot;http://connect.mail.ru/share?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot; + data:post.thumbnailUrl + &quot;&amp;title=&quot;' expr:name='data:post.snippet' expr:onclick='&quot;window.open(this.href + encodeURIComponent(this.title) + \&quot;&amp;description=\&quot; + encodeURIComponent(this.name), \&quot;_blank\&quot;, \&quot;height=360,width=537\&quot;); return false;&quot;' expr:title='data:post.title' rel='nofollow' style='background: url(&quot;https://lh6.googleusercontent.com/-Q9JTxREWlb8/TzURa9QpEHI/AAAAAAAAAcE/Dm9UdwJznZM/s25/but6bw.png&quot;) no-repeat; font-size:25px;'><img alt='В Мой Мир' src='https://lh3.googleusercontent.com/-uL4hMd1Bpyo/TzURa3zi7hI/AAAAAAAAAcI/M5Z47vV9rQg/s25/but6color.png' title='Опубликовать в Моем Мире'/></a>

     <!--LiveInternet-->
    <a class='shareme' expr:href='&quot;http://liveinternet.ru/journal_post.php?action=n_add&amp;cnurl=&quot; + data:post.url + &quot;&amp;cntitle=&quot;' expr:name='data:post.url + &quot;]&quot; + data:post.title + &quot;[/URL][/B] от [B]&quot; + data:post.author + &quot;[/B] (&quot; + data:blog.title + &quot;) : [I]&quot; + data:post.snippet + &quot;[/I][/QUOTE]&quot;' expr:onclick='&quot;window.open(this.href + encodeURIComponent(this.title) + \&quot;&amp;cntext=[QUOTE][B][URL=\&quot; + encodeURIComponent(this.name), \&quot;_blank\&quot;); return false;&quot;' expr:title='data:post.title' rel='nofollow' style='background: url(&quot;https://lh3.googleusercontent.com/-V1qrtuecAu0/TzURZKi1I2I/AAAAAAAAAbc/fzQLdVuWxCc/s25/but3bw.png&quot;) no-repeat; font-size:25px;'><img alt='В LiveInternet' src='https://lh5.googleusercontent.com/-DRj24WA6Cy8/TzURZfiGgwI/AAAAAAAAAb8/u_mNL15otYI/s25/but3color.png' title='Опубликовать в LiveInternet'/></a>

    <!--Facebook-->
    <a class='shareme' expr:href='&quot;http://facebook.com/sharer.php?s=100&amp;p[url]=&quot; + data:post.url + &quot;&amp;p[images][0]=&quot; + data:post.thumbnailUrl + &quot;&amp;p[title]=&quot;' expr:name='data:post.snippet' expr:onclick='&quot;window.open(this.href.replace(/\/s72-c\//,/s125-c/) + encodeURIComponent(this.title) + \&quot;&amp;p[summary]=\&quot; + encodeURIComponent(this.name), \&quot;_blank\&quot;, \&quot;height=352,width=640\&quot;); return false;&quot;' expr:title='data:post.title' rel='nofollow' style='background: url(&quot;https://lh3.googleusercontent.com/-AMe2KniFK00/TzURbnpPaeI/AAAAAAAAAcM/ayEkODi6g00/s25/but8bw.png&quot;) no-repeat; font-size:25px;'><img alt='В Facebook' src='https://lh5.googleusercontent.com/-Xizbo1KGk8w/TzUReaC-S5I/AAAAAAAAAc0/dqbtSKosFd8/s25/but8color.png' title='Опубликовать в Facebook'/></a>

    <!--AddThis-->
    <a class='addthis_button shareme' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' style='background: url(&quot;https://lh4.googleusercontent.com/-HCew6spKMOs/TzURYeptFVI/AAAAAAAAAbA/Hdu1V0A07lk/s25/but0bw.png&quot;) no-repeat; font-size:25px;'><img alt='В закладки' src='https://lh4.googleusercontent.com/-lkoVJfokYVQ/TzURYXhp6gI/AAAAAAAAAbI/hubZqYIjrBs/s25/but0color.png'/></a><script type='text/javascript'>var addthis_config = {&quot;data_track_clickback&quot;:true};</script><script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=XX-XXXXXXXXXXXXXXXX' type='text/javascript'/>
  </div>
</b:if>
* Я сделал так, чтобы социальные кнопки не отображались на главной странице, а были доступны только на страницах самих статей. Если вы хотите, чтобы кнопки социальных сетей отображались и на главной странице, то удалите из кода первую и последнюю строки. Здесь они подсвечены.

Внимание! Кнопка AddThis персонифицирована.

Прежде, чем вы получите окончательный код кнопки, необходимо будет внести кое-какие данные и подтвердить регистрацию через электронную почту. Для этого идем на сайт сервиса AddThis, выбираем кнопку для Website и первый стиль в списке стилей, соглашаемся зарегистрироваться, чтобы получать статистику и жмем на большую оранжевую кнопку. В полученном коде ищем "#pubid=". Идентификационный код, что идет после знака равенства и до закрывающей кавычки, копируем в аналогичное место в нашем коде для кнопки AddThis, заменив им иксы.

Остался один небольшой нюанс: добавляем стили для отображения кнопок, чтобы они меняли свой цвет и размер при наведении. Для этого находим в шаблоне строку "/* Posts" и вставляем под ней следующий код:
/* Posts
----------------------------------------------- */
.shareme img {
  opacity: 0;
  filter: alpha (opacity = 0);
  vertical-align: text-top;
}

.shareme img:hover {
  opacity: 1;
  filter: alpha (opacity = 100);
  vertical-align: text-top;
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

Вот, собственно, и все. Если у вас возникли по ходу прочтения какие-то вопросы - не стесняйтесь. Буду рад ответить :-)

Комментариев: 176

  1. Тимофей, я вставила большой кусок кода, но когда стала его сохранять, Блоггер мне написал: "The reference to entity "target" must end with the ';' delimiter." Что это значит?

    ОтветитьУдалить
    Ответы
    1. Виноват. Используемый у меня механизм подсветки кода трансформировал некоторые коды символов в сами символы. Как итог, Вы в статье видите не совсем корректный код, отличный от того, что я забивал в статью... :-[

      Сейчас я все поправил. Пробуйте!

      Удалить
  2. Я попробовала - теперь все работает. Спасибо!

    ОтветитьУдалить
  3. О, спасибо огромное! Теперь всё красиво и функционально. А, главное, всё по полочкам разложено, очень легко разобраться)

    ОтветитьУдалить
  4. А можно в этот набор добавить кнопку Гугл+? И как это сделать?

    ОтветитьУдалить
    Ответы
    1. Разумеется можно! Код можно почерпнуть, так сказать, из первых рук.

      Удалить
  5. Тимофей, а что делать, если в хтмл-коде нет этого кусочка:div class='post-share-buttons goog-inline-block' ?
    При этом, стандартные кнопки блоггер показывает...

    ОтветитьУдалить
    Ответы
    1. Посмотрел код всех трех Ваших блогов. Везде элемент <div class='post-share-buttons goog-inline-block'> имеется.

      Вы не забыли поставить галочку напротив "Расширить шаблоны виджета" перед тем как искать этот элемент в исходном коде шаблона?

      Удалить
  6. Для sunctorus:
    ООО!!! Действительно! Благодарю за отзывчивость =)

    ОтветитьУдалить
  7. Я попыталась добавить в набор кнопок кнопку LiveInternet. Для этого просто скопировала код этой кнопки между Моим миром и Я.ру.

    Но при сохранении шаблона выдается ошибка: Ошибка при синтаксическом анализе XML (строка 1037, столбец 103): The reference to entity "cnurl" must end with the ';' delimiter.

    Что я сделала не так?

    ОтветитьУдалить
    Ответы
    1. Опять меня механизм подсветки кода подвел... Поправил. Пробуйте сейчас!

      Удалить
  8. Тимофей, спасибо. Установила - всё работает.

    ОтветитьУдалить
  9. /* Posts ,в некатарах шаблонах нет, но можно вставлять под этим кодом
    ]]>

    ОтветитьУдалить
    Ответы
    1. Я рассматриваю здесь в первую очередь стандартные шаблоны Blogger. В них "/* Posts" есть у каждого. А в сторонних шаблонах и "]]>" может не оказаться (как, впрочем, и другого кода, к которому я привязываю свой) - все целиком и полностью на совести их разработчиков.

      Удалить
  10. Здравствуйте!
    А расскажите, пожалуйста, как вы сделали такие клёвые кнопки RSS,имейл-подпискии твиттера?
    Очень нравяться!

    ОтветитьУдалить
    Ответы
    1. Гммм... Это обычные картинки со ссылками, размещенные в модуле HTML/JavaScript.

      Удалить
  11. Всем позитива!
    Друзья подскажите, с кнопкой +1 проблема. Пытаюсь поставить + или поделиться, но в каждом сообщении одна и тажа информация и картинка. Как исправить?

    ОтветитьУдалить
    Ответы
    1. Не очень понимаю суть Вашей проблемы. Каким образом вы добавляете эту кнопку? Что значит "одна и та же информация и картинка"?

      В Вашем блоге, что в профиле, я наблюдаю нормально работающую кнопку +1.

      Удалить
  12. Добрый вечер! Кнопка стандартная из шаблона, только соц. сети убрал. А проблема в том, при наведении мыши на кнопку открывается окно (поделиться) в котором отображается кусок поста и картинка (шапка блога). И это отображается на всех кнопках в блоге содержание текста абсолютно одинаково.

    ОтветитьУдалить
    Ответы
    1. Не совсем так. Статьи от 18 и 28 марта отображают во всплывающем окне кусок самих себя, как и должно быть. А вот с остальными, да, проблема...

      Увы, я так сходу не могу сообразить, что Вы там наворотили, что стало все столь неласково. Где-то при правке кода Вы допустили ошибку. Но где, не могу сказать.

      Почитайте здесь как добавить кнопку +1. Может сможете понять, где накосячили

      Удалить
    2. Спасибо! Причину нашел, но вот с картинкой... Можно ли сделать чтобы картинки были из поста а не из шапки? У вас на блоге тоже самое, одна и та же картинка во всех окнах на кнопки +1.

      Удалить
    3. Увы, не знаю, от чего это зависит - скрипт Google +1 закрытый. Если бы было иначе, первое что бы я сделал, это вернул старое синее оформление кнопки. Текущий красный стиль чересчур хищный, да и не слишком сочетается с цветовым решением моего блога. Но увы и ах...

      Удалить
    4. Да! Жаль! Скажите, не могу что то догнать как кнопку в право передвинуть.

      Удалить
    5. Ну, тут можно идти разными методами. Я разграничил элементы таблицей. А можно, в принципе, использовать CSS-стиль float. Полагаю, и другие способы имеются ;-)

      Удалить
  13. Подскажите пожалуйста ,как мне в мой блог добавить кнопку +1. Я убрала галочку с пункта "Показывать кнопки для публикации". И конечно же +1 исчез.

    ОтветитьУдалить
    Ответы
    1. Информация, так сказать, из первых рук: http://www.google.com/intl/ru/webmasters/+1/button/index.html.

      Удалить
    2. Вот это-то я как раз понять и не могу :fool:
      Там пишут поместитеэтот тег туда, где должна отображаться кнопка +1. И далее идёт такая надпись. Куда поместить не знаю. У вас обычно всё расписано. Ну, там после head или ещё куда.
      Затем дальше: Поместите этот вызов функции отображения в соответствующее место. И дальше длиннющий код. Куда его нужно вставить тоже не пойму.

      Удалить
    3. И я не знаю. Не могу же я угадать, где Вы хотите, чтобы у Вас отображалась кнопка "+1".

      Удалить
  14. Ну, например как у вас в верхнем правом углу каждого поста...

    ОтветитьУдалить
    Ответы
    1. Это материала еще на целую статью. Вы уж извините, но в комментариях я все это вываливать не буду.

      Второй блок кода в статье видите? Перед 32 строкой воткните тот код, что сформировали по ссылке, куда я Вас отправил. Кнопка "+1" должна появиться рядом с кнопками.

      Удалить
  15. Наверное я лучше подожду статью :-)

    ОтветитьУдалить
  16. Скажите пожалуйста, я по вашей инструкции налаживал работоспособность панели "действия", затем добавил по данной статье кнопки соц сетей. Но они у меня встали в статье в странном порядке: сначала идут действия, потом большой пробел, а затем кнопки соц. сетей. Как сделать расположение подобно вашему?

    ОтветитьУдалить
    Ответы
    1. Полагаю, нужно поменять местами код, отвечающий за отображение кнопок соц. сетей, и код, отвечающий за отображение виджета "Действия".

      Удалить
  17. Хотелось бы в том числе увидеть и кросспостинг в дальнейших темах :)

    ОтветитьУдалить
    Ответы
    1. Кросспостинг между чем и чем? И имеется в виду, что Вы хотели бы, чтобы я кросспостил куда-то свои статьи? Или описал технологию, которая позволяет упростить эту процедуру?

      Удалить
  18. Чтобы вы описали технологию упрощения этой процедуры :)

    ОтветитьУдалить
    Ответы
    1. Повторяю вопрос: кросспостинг между чем и чем?

      Удалить
    2. между блоггером и вк, твиттер, жж, liveinternet, facebook

      Удалить
    3. Теперь понял. Такая статья планируется ;-)

      Удалить
  19. Анонимный23 июля 2012 г., 23:43

    У меня чёрно-белый сайт-тумблог. Очень нравится дизайн ваших социальных кнопок. У меня стоят цветные. Как мне поменять стиль на ваш? Подскажите?!

    ОтветитьУдалить
    Ответы
    1. Ну, если хотите точно такие же, то удалите свои и установите мои руководствуясь инструкцией, приведенной в статье.

      А если просто хотите затенить свои, то за затенение цветных картинок отвечают следующие операторы:

      opacity: 0;
      filter: alpha (opacity = 0);

      Удалить
  20. Великолепные социальные кнопки, много разных перепробовал - эти лучшие, премного благодарен.

    ОтветитьУдалить
    Ответы
    1. Ну так в первую очередь для себя ведь делал ;-)

      Удалить
  21. здравствуйте!!кнопочки прелесть спасибо большое,но незнаю ,как над кнопочками написать
    Ух ты! Кнопочки! Понравилась статья? Поделитесь с друзьями:
    и чтобы кнопочки и текст были посередине страницы в редакторе шаблона

    ОтветитьУдалить
    Ответы
    1. Во второй блок кода, представленный в статье, после второй строки поместите <div>Ух ты! Кнопочки! Понравилась статья? Поделитесь с друзьями:</div>.

      Ну а для отцентровки, поместите весь второй блог между тэгами <c></c>.

      Удалить
    2. здравствуйте!!большое спасибо всё получилось!!кнопочки прелесть!!и ещё есть один вопрос: кодовое окошко для флешки я сделала флешку и хочу под работай поставить код для этой флешки,но не знаю как?
      помогите пожалуйста

      Удалить
    3. [q="mila alves"]есть один вопрос: кодовое окошко для флешки я сделала флешку и хочу под работай поставить код для этой флешки,но не знаю как?[/q]
      Это Вы о чем, вообще?

      Удалить
  22. я вам пишу комментарий он находиться в окошке вот такое окошко есть для кода флешки
    для текста и картинок я имею. зайдите по этой ссылке http://www.liveinternet.ru/users/megarut/post242409640/ на мой блог на лиру и увидите под часиками код в окошке но этот код не идёт для блоггера

    ОтветитьУдалить
    Ответы
    1. А какая связь у этого окошка с темой кнопок социальных сетей?

      Да и в чем проблема воспользоваться тэгом input, как это организовано у Вас на LiveInternet? Если не идет автоматом, то сделайте вручную. В любом случае, с этим вопросом уже не ко мне.

      Удалить
  23. спасибо большое буду пробовать

    ОтветитьУдалить
  24. Тимофей, здравствуйте!
    В расширенном режиме добавляю коды, галочку "показывать кнопки" заранее убираю при этом. Но если галки нет, то у меня не показываются ни стандартные, ни ваши кнопки. Если галку возвращаю, то видны и те, и другие :((( Как бы избавиться от стандартных?

    ОтветитьУдалить
    Ответы
    1. А Вы, как и написано, СНАЧАЛА отключили стандартные кнопки, и лишь потом стали оформлять мои? Или порядок действий изменили?

      Удалить
  25. Сначала отключала, потом все остальное делала )) Потом с другого браузера наоборот :-) По-всякому попробовала. Не вышло вашим методом, к сожалению, хотя я долго пыталась :(( Пришлось пользоваться кодами ShareThis.

    Скажите, пожалуйста, а как вы постаивли кнопочки Twitter, mail и RSS на правой панеле вверху? Через AddThis получится это?

    ОтветитьУдалить
    Ответы
    1. Вы где-то ошиблись в том, куда встроить мой код. Вы его, похоже, воткнули в ту часть, которая игнорируется при отключении стандартных кнопок. Но чего уж теперь...

      Удалить
  26. Здравствуйте!
    Отличная статья. Спасибо за материал.
    Только вот у меня новые иконки добавились к "старым". Так и должно быть? Как можно избавиться от старых?

    ОтветитьУдалить
  27. (((

    ПОМОГИТЯ!!

    Не могу найти даже поиском crtl "f" этот код.

    *************

    Теперь открываем редактор шаблона (Дизайн->Изменить HTML), ставим галочку напротив "Расширить шаблоны виджета", после чего находим этот код:

    ТУТ СЛЕДУЕТ КОД...
    ...и сразу под этим кодом добавляем следующее:

    *********************
    мне кажется что его там вообще нет.

    куда в таком случае вставлять скрипт кнопок?

    ОтветитьУдалить
    Ответы
    1. По ключу shareButtons поищите этот код. Возможно у Вас он немного видоизменен.

      Удалить
  28. Я попробовала и shareButtons искать, и обычно - у меня таких слов нету в шаблоне( Такое может быть или я косорукая? Галочка на расширение стоит!

    ОтветитьУдалить
    Ответы
    1. А у Вас один из стандартный шаблон? Или вы его создали сторонней программой? А может взяли какой-то готовый самопальный шаблон в одной из коллекций, что полно в сети? Или в свое время Вы неплохо покопались в шаблоне, удаляя все "лишнее и ненужное"?

      Удалить
    2. У меня стандартный! О чем Вы говрите, какой самопальный)))

      Удалить
    3. А какой именно? Какое название у шаблона? Я бы посмотрел на этот шаблон в нетронутом виде.

      Удалить
    4. Ну внизу в блоге написано Шаблон "Watermark". Технологии Blogger.

      Удалить
    5. Ага, понял, какой шаблон!

      Только, вот, код нужный я там вижу. Прям под этим кодом:

      <!-- quickedit pencil -->
      <b:include data='post' name='postQuickEdit'/>

      Удалить
    6. Нет, всё равно не получилось. Кнопки не добавляются, только между постами пространство исчезло, всё стало сплошным. Извините за беспокойство!

      Удалить
    7. Жаль, не смог помочь. Видимо, в Вашем случае, нужно смотреть код шаблона непосредственно. А это сделать можете только Вы - автор блога.

      Удалить
    8. А ещё такой моментик можно уточнить? Поставила галочку показывать стандартные кнопки, а они не показываются! Поменяла шаблон, снова галочку и всё равно даже стандартных кнопок нету. Такое из-за чего может быть?

      Удалить
    9. Вот, как раз, скорее всего из-за того, что у Вас отсутствует тот код, после которого я предлагал добавить свой.

      Удалить
    10. Вот ещё проверила, поставила галочку показывать Цикаво/не цикаво, тоже не отображается. А что же теоритически делать с такой проблемой, что в действиях страницы ничего не работает? Даже если меняю шаблоны?

      Удалить
    11. Создайте еще один блог (потом закроете к нему доступ и он будет у Вас как тестовый). Настройте в нем все, как Вы хотите. А потом, просто скопируйте шаблон этого блога, образованный Вашими действиями в свой текущий блог, заменив им тот кривой шаблон, что есть сейчас. На содержимое ваших статей и комментарии эти действия не повлияют.

      Я вижу только такой выход.

      Удалить
    12. Тимофей, всё получилось, спасибо за подсказку! Сделала тестовый блог, скопировала с него не весь шаблон, а именно строчки, указанные в начале этого поста. Потом вставила все коды для твиттера. контакта и т.д. и всё заработало! Очень счастлива)))
      Ещё вопрос - какие именно строчки надо удалить, чтоб кнопки отображались на главной странице? Я не разобралась, в посте написано, что эти строчки подсвечены, но я никакой подсветки не вижу( Помогите ещё с этим вопросиком?

      Удалить
    13. Ну, для копирования только строк, что приведены в начале этой статьи, можно было воспользоваться и самой статьей. Просто скопировать их из статьи, не создавая доп. шаблон ;-) Я Вам предложил метод с доп. шаблоном только потому, что Вы описали еще одну ошибку, и неизвестно, сколько их еще в Вашем текущем шаблоне. Но в любом случае, главное, что Вы справились и довольны результатом! :-)

      Да, действительно, сейчас, временно, строки не подсвечиваются. Вскоре исправлю. А удалить надо первую и последнюю строки второго блока кода в статье.

      Удалить
  29. Для этого идем на сайт сервиса AddThis, выбираем кнопку для Website - я не вижу этой кнопки. До этого момента все сделала, а тут застопорилась..... Ткните меня носом, пожалуйста!

    ОтветитьУдалить
    Ответы
    1. Немного изменился там процесс регистрации. На головной странице надо выбрать Share Buttons, а вот уже на следующей странице нужно выбрать кнопку для Website.

      Удалить
    2. все получилось, спасибо!!

      Удалить
    3. Приятно слышать, что все получилось :-)

      Удалить
  30. А можно как то к стандартным кнопкам блоггера (их дизайн меня вполне устраивает) добавить кнопку в контакте (в том же стиле)?

    ОтветитьУдалить
    Ответы
    1. Чисто теоретически, нет ничего невозможного. Но тут Вам придется разбираться самой. Задача нетривиальная, но для меня малоинтересная. Я не вижу причин, зачем бы мне имело смысл за нее браться ради Вас одной.

      Удалить
  31. Спасибо большое за статью и информацию, давно искала, как установить эту функцию в блог.

    ОтветитьУдалить
  32. Тимофей, добрый день!
    Спасибо за советы. Воспользовался многими и привел блог в порядок. Пришел черед соц. кнопок, которые делаю своего вида.
    Вы используете кнопку AddThis без счетчика. Хотелось бы поставить такую (свою), но со счетчиком. Не могу найти код у них на сайте. Нет ли такого кода у Вас?

    ОтветитьУдалить
    Ответы
    1. Как это Вы не находите? На сайте AddThis стили 1, 2, 3 и 5 идут со счетчиками. Причем пятый еще и со счетчиками Google+, Twitter и Facebook.

      Удалить
    2. Спасибо, разобрался. Все сделал.

      Удалить
  33. Тимофей, а можно ещё вопрос, наверное, он не в тему. Можно так сделать, чтоб в блоге комментарий можно было принимать от человека, у которого нет аккаунта на гугле, но есть в какой0-либо соц сети? Ну то есть чтоб он не анонимным был, а заходил через свои профили с соц сетей. Потому что у меня, например, из-за спама стоит отключено принимать комменты от анонимных, но из-за этого многие знакомые не могут вообще коментарий оставить. Надеюсь, я понятно написала, извините если что не так)

    ОтветитьУдалить
    Ответы
    1. Увы, разработчики Blogger не предоставили возможности подписывать комментарии при помощи аккаунтов соц. сетей. Все доступные для подписи аккаунты присутствуют в выпадающем меню выбора типа подписи.

      Вам надо либо привязать к Blogger стороннюю систему комментарии, типа DISQUS, либо воспользоваться другими механизмами отсечения спама в комментариях, что имеются в Blogger. Тут есть два таких механизма. Мягкий: использование проверки по слову - когда при попытке опубликовать комментарий идет запрос на ввод контрольного слова, изображенного на картинке. Жесткий: контроль комментариев - когда комментарий не будет опубликован без Вашего личного подтверждения. Мне лично этого более чем хватает.

      Удалить
  34. Спасибо за подсказку, совершенно забыла о предмодерации комментариев! Так и сделаю! Подсветите, пожалуйста, потом строчки, которые удалить надо чтоб кнопки было с главной страницы видно было

    ОтветитьУдалить
    Ответы
    1. Вы невнимательны. По строчкам я Вам уже отвечал.

      Удалить
    2. Я всё видела! Но Вы скаазали что потом подсветите строчки! Вот я лучше ничего удалять не буду а подожду подсветки)

      Удалить
    3. Все больше убеждаюсь, что женская логика от меня ускользает, но... Ваше право! :gigi:

      Удалить
  35. Тимофей, добрый вечер!
    Мне кажется, кнопка "facebook" не передает миниатюру картинки. Я поставил ее у себя и пробовал ее нажимать на Ваших разных страницах с иллюстрациями. Нигде во всплывающем окне нет миниатюры.
    Можете что-то посоветовать, чтобы настроить картинку?
    Спасибо!

    ОтветитьУдалить
    Ответы
    1. Да, действительно, перестало работать. Хотя раньше кнопка картинку отдавала.

      Покопался немного и выяснил, что для того, чтобы кнопка отдавала картинку, она должна быть по одному из размеров (ширина, высота) не меньше 125 пикселей. Мой же скрипт отдает картинку с больншим размером в 72 пикселя.

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

      Удалить
    2. Все, решил задачку! Как ни странно, даже мои изначально маленькие картинки, Facebook теперь принимает :-)

      В статью внесены соответствующие правки. Обновляйте код.

      Удалить
  36. Спасибо большое. Что-то с facebookOM плохо ладится...

    ОтветитьУдалить
    Ответы
    1. Что именно плохо? Можно чуть больше конкретики?

      Удалить
  37. Пытаюсь реализовать вот такой бар на тестовом сайте
    http://proba.ivankrutoyarov.com/2013/01/blog-post_24.html#more
    По моей задумке это бар управления сайтом, включающий соц. кнопки, и он должен постоянно присутствовать на экране. За основу взял AddThis. Почему-то на нем некорректно работает переадресация FB. От их поддержки не могу добиться ответа. Поэтому решил Ваш вариант FB, как уже опробованный, совместить с кнопками AddThis.
    Сейчас Ваша кнопка FB в конце сообщения и работает абсолютно правильно. В баре кнопка, предлагаемая AddThis. Пробовал сделать замену и поместить Вашу тоже в баре, но понял, что Ваш вариант передает информацию только по конкретному сообщению. Если на экране несколько сообщений, то адрес перехода не находится.

    ОтветитьУдалить
    Ответы
    1. [q]Ваш вариант передает информацию только по конкретному сообщению. Если на экране несколько сообщений, то адрес перехода не находится.[/q]
      А что, в варианте AdThis оно как-то находится? Интересно как? Как при общем баре виджету угадать, для какого из сообщений Вы его хотите использовать, если на странице их несколько?

      Удалить
  38. Если на странице сразу несколько сообщений, работает в двух вариантах:
    1. Из меню через кнопку AddThis в шаблоне сообщения FB ссылка на главную страницу сайта. Картинка при этом выбирается первая попавшаяся из первого на странице сообщения. (Логика "Смотрите, какой хороший сайт!").
    2. Через кнопку FB работает почему-то (?) по-другому. В шаблоне сообщения FB ссылка на URL страницы, на которой находились при нажатии кнопки (по-моему, более корректно), но при этом вообще без картинки (по моим соображениям картинка должна быть первая из первого сообщения).

    ОтветитьУдалить
  39. Похоже, что в этом случае все остальные кнопки у них работают по второму варианту: URL страницы, с которой идет сообщение и без картинок.

    ОтветитьУдалить
    Ответы
    1. Ну, с этим Вам уже самостоятельно разбираться. У меня как-то нет желания лезть в такие дебри. Оно мне неинтересно.

      Удалить
  40. Спасибо за статью, с трудом, хоть я и не блондинка,но все получилось!!!!

    ОтветитьУдалить
  41. Тимофей, подскажите, не могу найти div class='post-share-buttons, галочку ставлю на Расширить шаблоны виджета, все равно не ищет(((

    ОтветитьУдалить
    Ответы
    1. У Вас, действительно, по непонятной причине, этот код отсутствует. Попробуйте разместить мой код под этим: <span class='post-icons'>.

      Удалить
    2. ага, разместила под этим кодом, все появилось)))) клааасссс!!! только значки видны, если зайти под кат(читаем дальше), а так не видны, это так и должно быть?
      Спасибо огоромное!!!!!

      Удалить
    3. Наташ, не помешало бы читать статью чуть более внимательно. Там сносочка есть прямо под кодом.

      Удалить
    4. Еще раз огромное спасибо и sorry за блондинистость))

      Удалить
  42. Спасибо за статью! Сделал у себя в блоге, очень понравилось :) Спасибо.

    ОтветитьУдалить
  43. А! И ещё, с таким количеством комментариев к статьям было бы не плохо кнопочку "в верх страницы" сделать. С уважением.

    ОтветитьУдалить
    Ответы
    1. Ну, такое количество комментариев у меня только к этой статье. Остальные статьи куда меньше обсуждаются :-) В противном случае давно бы сделал эту кнопочку. Благо и статью уже написал, как сие сварганить ;-)

      Удалить
  44. Есть такая проблема с кнопкой Facebook. При нажатии переходим на специальную страницу Facebook, где можно выбрать "поделиться в группе". При этом появляется поле, в которое надо ввести название группы. К сожалению, там нет никого списка моих групп, а при вводе названия, пишет ошибку. Подскажите, кто знает, как можно таким образом поделиться ссылкой с группой?

    ОтветитьУдалить
  45. Ответы
    1. А я думал, что у вас еще 23 марта все получилось :gigi:

      Удалить
  46. просто ГИГАНТСКОЕ вам спасибо!!! Очень давно искала понятную и подробную статью на эту тему и вот наконец нашла, сделала и все получилось! Еще раз спасибо!

    ОтветитьУдалить
  47. Здравствуйте,
    я только начала разбираться с настройками блога, вести его так сказать. Хотела такие же иконки соцсетей как у Вас тут, но к сожалению не могу воспользоваться этим уроком. Потом я уже нашла информацию, что настройки у Blogger немного поменялись и все.. теперь некуда ствить галочку напротив "Расширить шаблоны виджета" да и многого другого. Я еще только учусь, поэтому будьте любезны, подскажите.. может где то есть кнопка - перейти на старую версию, или может Вы напишите такой же урок но для новой версии настроек Blogger? Спасибо!

    ОтветитьУдалить
    Ответы
    1. Ну, теперь Вам просто надо перейти не по Дизайн->Изменить HTML, а по Шаблон->Изменить HTML. По поводу галочки "Расширить шаблоны виджета" сейчас, увы, ничего сказать не могу - в и-нете с телефона. Вернусь в Москву - там посмотрю.

      Удалить
    2. Так, продолжаем... Теперь галочка напротив "Расширить шаблоны виджета" не нужна. Код шаблона доступен сразу и полностью. Некоторые строки кода просто свернуты. Но если поставить курсор в поле, где расположен код и запустить поиск, то можно без труда найти нужные строки.

      Удалить
  48. Здравствуйте! Очень хорошая и полезная статья. Я тоже решила ею воспользоваться. Но возникла одна проблема: при нажатии на кнопку Одноклассники, выскакивает окошко с отображением картинки профиля, а не первой картинки статьи. Для всех остальных кнопок (Вконтакте, Фейсбук, Блоггер) все работает отлично. В чем может быть проблема? Подскажите, пожалуйста.
    Мой блог: http://ok-studio-shop.blogspot.com/
    Я уже не первый набор кнопок меняю, думая, что проблема в самих кнопках. Но проблема остается. И я уже не знаю, с какой стороны подойти к ее решению. Буду вам очень благодарна за помощь.

    ОтветитьУдалить
    Ответы
    1. Тут дело не в картинке профиля... Похоже разработчики "Одноклассников" что-то намудрили и теперь захват производится не первой картинки, как было раньше, а любой картинки, что присутствует на странице. В частности, у меня, как я посмотрю, подхватывает профильную картинку одного из комментаторов, а у Вас Вашу профильную из блока "About Me"... Тут я, боюсь, бессилен, нужно ждать пока разработчики поправят API.

      Удалить
    2. Спасибо за ваш ответ!
      Дело в том, что в другом моем блоге с кнопкой Одноклассники всё нормально. И захватывает не только первую картинку поста, но и другие тоже, т.е. есть выбор, какую опубликовать. ( http://handmade-ok-studio.blogspot.com/ )
      Там стоят другие кнопки, но их я на первый блог тоже ставила, была эта же ситуация. Может быть еще и в блоге какая проблема?

      Удалить
    3. Результирующая ссылка на "Одноклассники" со второго блога такая же, как и с первого. Так что от кнопки это точно не зависит. А уж если у Вас какая-то проблема в коде самого блога, то тут я, увы, угадать, что не так, не в состоянии. Логику выбора картинки этой кнопкой я не понимаю. А жестко задать конкретную картинку там не представляется возможным - нет соответствующей переменной.

      P.S. Вчера при нажатии кнопки "Одноклассники" с этой моей страницы, кроме скриншота из статьи, подхватывалась картинка из профиля одного из комментаторов. Сегодня все ОК - только статейная картинка. Так что, полагаю, это разработчики "Одноклассников" что-то там мутят и перекраивают в коде. И от сайта, как видите, это мало зависит.

      Удалить
    4. Спасибо большое за вашу помощь! Будем ждать, когда они перестанут там мутить :)

      Удалить
  49. Огромное спасибо за эту статью! У меня всё получилось, хотя я очень далека от всяческого программирования :)

    ОтветитьУдалить
  50. Ай, помогите пожалуйста!!! Я не вижу поля или квадратика куда надо поставить галочку "Расширить шаблоны виджета". Соответственно код <div class='post-share-buttons я тоже не могу найти. Что я делаю не так?

    ОтветитьУдалить
    Ответы
    1. Уже не нужно ставить эту галочку. Разработчики Blogger видоизменили интерфейс и данная необходимость отпала.

      Удалить
    2. тоже спрошу: раз нет кода <div class='post-share-buttons, то как найти место, куда добавляется ваш код (для кнопок соц.сетей)? куда попало внутри html_кода его ж нельзя вставить!

      Удалить
    3. Честно говоря, я в ступоре. У меня все есть.

      Удалить
  51. Если бы не прочитала комменты, так и искала бы второй час где поставить галочку. Обидно блин.

    ОтветитьУдалить
  52. Присоединяюсь к вопросу Елены.

    ОтветитьУдалить
    Ответы
    1. Какой из стандартных шаблонов у Вас служит исходным?

      Удалить
  53. Ответы
    1. В выходные постараюсь посмотреть. Раньше, к сожалению, никак...

      Удалить
  54. Единственный годный гайд. Спасибо +

    ОтветитьУдалить
  55. Добрый день! Искала ответ на свой вопрос и попала на ваш блог. Мне нужно в моем блоге установить ссылку на мою группу ВКонтакте на боковой панели. Подскажите, пожалуйста, может уже писали об этом, может есть где-то информация которую можно почитать? Буду очень благодарна!!! Вот в этом боле нашла ссылку на вас и у автора блога на правой панели установлена такая ссылка о которой я говорю http://www.elenagrishina.com/2013/02/blog-post_18.html#comment-form

    ОтветитьУдалить
  56. Тимофей, добрый день! Спасибо за статью. Очень полезная штука. Долго разбиралась, но все же сделала себе кнопочки. Единственное, что не смогла осилить последний этап, не нашла в шаблоне строку "/* Posts" ((( соответственно мои кнопочки не меняют цвет и размер при наведении. Подскажите, пожалуйста, где же найти эту строку, чтобы вставить нужный код.

    ОтветитьУдалить
    Ответы
    1. Не так важно, чтобы было под "/* Posts" - главное, чтобы было над двумя закрывающими квадратными скобками+">"!

      Удалить
    2. Тимофей, прошу прощения. Код можно вставить над любыми двумя квадратными скобками? Над такими, что ли >? Что, в любой строке? Не догоняю(

      Удалить
    3. То, что Вы привели, это не квадратные скобки, а треугольные, или угловые. Где буквы "х" и "ъ" на клавиатуре видите? Если перейти в английскую раскладку, то получите квадратные скобки. Я просто не могу их здесь напечатать, так как в моих комментариях они являются служебными символами и при их использовании перекосится интерфейс моего комментария.

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

      Удалить
    4. Спасибо, понятно, буду пробовать!

      Удалить
  57. Спасибо кнопочки поставил на своё чудо)

    ОтветитьУдалить
  58. Спасибо большое, очень помогли!!! Сейчас настроила, всё работает, но, наверное, я где-то ошиблась -- потому что кнопочки у меня стоят не в кучке, а разъехались на две строки и между ними огромное пространство) Это можно как-то исправить?

    ОтветитьУдалить
    Ответы
    1. Вы не очень корректно перенесли от меня код. Код, что у меня прописан для формирования ссылок для кнопок, выполнен с отступами. Обычно, если его переносить копированием к себе в шаблон блога, то эти отступы так и останутся пробелами, которые обработчик HTML проигнорирует. Но у Вас по неизвестной причине каждый из этих пробелов был перенесен в виде кода, обозначающего пробел: &#160;. Этот код обработчик уже выводит в виде реальных пробелов, которые и разделяют Ваши кнопки. Уберите лишние символы &#160; и все будет нормально.

      Удалить
  59. Ура, ура, ура!! Теперь всё, как надо! Спасибо вам!

    ОтветитьУдалить
  60. Здравствуйте. Понравилась статья? Поделись ею с друзьями. (А не ей.) Извиняюсь, что сильно умная.

    ОтветитьУдалить
    Ответы
    1. "Ей" - это ответ на вопрос "кому?" (дательный падеж). а "Ею".- ответ на вопрос "кем?" (творительный падеж). В общем-то, в современном русском языке в ответ на вопрос "кем?" можно отвечать и так и так, но по канонам именно "ею".

      Удалить
    2. Извиняетесь?))) Типа уже извинили себя?)))

      Удалить
  61. Добрый день! Кнопки установила - спасибо огромное за понятнейшую статью.
    Но вот при попытке установить кнопку Гугл+ выдает ошибку почему-то. Хотя скрипт взяла с гугловского же сайта, вставила перед закрывающим :

    Не удалось загрузить шаблон: Ошибка при синтаксическом анализе XML (строка 2022, столбец 60): Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.

    ОтветитьУдалить
    Ответы
    1. Ну тут уж я угадать не могу. Нужно код видеть, чтобы что-то конкретное подсказать, что с ним не так.

      Удалить
    2. А я могу его вам как-то показать? :-)

      Удалить
    3. Сегодня почему-то кнопка добавилась нормально. Наверное волшебный рестарт компьютера помог.

      Удалить
    4. Вставила ее перед первой кнопкой. только она получилась всегда активная, не серая как остальные, почему-то.

      Удалить
    5. Чтобы она серела, нужно добавить класс class='shareme', как в моих кнопках.

      Удалить
  62. Тимофей, добрый день! а подскажите пожалуйста вот такой нюанс - я хочу вставить в свой блог ваш код с кнопками соц.сетей, но как при этом сделать так что бы осталась стандартная кнопка отправить по электронной почте? и ещё кнопка "написать в блоггере об этом"? И кстати, сеть Я.ру уже не работает давно, поэтому можно эту кнопку удалить из кода ;)

    ОтветитьУдалить
    Ответы
    1. Ну, во-первых, кнопка "Написать в Blogger" стоит первой в моем наборе кнопок. По функционалу она не сильно отличается от оригинала. Что до "Отправить по электронной почте", то перейдите к редактированию настроек дизайна блога и там нажмите "Изменить" напротив поля Main. Среди прочих настроек, там будет галочка на "Показать ссылки на отправку электронной почты". В принципе, если уж Вам так хочется, там же можно восстановить родной блок кнопок, где среди прочих есть родная кнопка "Написать в Blogger".

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

      Удалить
    2. Матвей, спасибо за ответ! с кнопкой "опубликовать в блоггер" я разобрался, она действительно у вас есть) Но кстати, она отличается от оригинальной тем, что открывается в новой вкладке браузера, а не в новом маленьком окне (как оригинальная). А что, кстати, лучше - в новом окне или в новой вкладке? В остальном - та же кнопка. И кстати, при публикацию через эту кнопку получается только начальный фрагмент статьи и ссылка на неё. Это у всех так? Вот скриншот - https://cloud.mail.ru/public/7gWn/A4sobkkRE .

      Удалить
    3. Матвей, приветствую! в общем, ваша статья уже морально устарела и вводит народ в заблуждение :( Извините, но так оно и есть... я уже несколько часов бьюсь с этими кодами и нифига не понял куда их вставлять.
      Во первых - сами настройки в блоггере уже давно изменились, щас там нету такого "(Дизайн->Изменить HTML), ставим галочку напротив "Расширить шаблоны виджета" , щас просто заходим в настройках в Шаблон и жмём "изменить HTHL". Почему бы Вам не подправить этот нюанс в статье?

      Во вторых - многие строки кода сейчас скрыты в шаблоне (что бы весь код показывался - нужно раскрывать его) и там фиг сразу найдёшь где вот эта строка - div class='post-share-buttons goog-inline-block'>



      </div
      даже по Sharebuttons ничего найти нельзя.
      Я так полагаю, что это находится теперь где-то вот в этой области - скриншот https://cloud.mail.ru/public/MF9d/WCuCVbuzs ?

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

      Удалить
    4. Во-первых, я Тимофей, а не Матвей. Это не одно и то же.
      Во-вторых, да, так сделано специально, чтобы был не полный репост статьи, а лишь его части. Механизм разработан для того, чтобы читатель заинтересованный началом статьи на чужом ресурсе, перешел на Ваш, чтобы прочесть ее полностью. А отнюдь не для полного репоста статей.
      В третьих, я никого не ввожу в заблуждение. Статья написана в сентябре 2011 года и с тех пор не актуализировалась. Если Вы не обратили внимание на дату публикации статьи, то это Ваша проблема. И не надо в своем тугодумии обвинять меня!
      В четвертых, извините, но после Ваших наездов, помогать Вам как-то не хочется.

      Удалить
    5. Каких наездов, уважаемый?! Я по-моему культурно объяснил в чём проблема вашей статьи и предложил её немного подправить до нормального состояния! Тугодумие? Навряд ли. Я прекрасно вижу и понимаю, что статья 2011 года, поэтому и написал что она морально устарела на текущий момент и не подходит пользователям. Или по Вашему, все должны понимать что для того, что бы найти строку div class='post-share-buttons goog-inline-block'>
      нужно раскрыть код где-то в середине огромного кода?!? Вам, как программисту это понятно, конечно. А если пользователь новичок и хочет ваш код применить, то он не поймёт куда его вставлять даже... Потому что у вас в статье НЕ НАПИСАНО, что нужно раскрыть код в одном месте что бы найти другой фрагмент кода.
      Я об этом сам уже догадался (что надо код раскрывать, что бы найти фрагмент после которого вставлять Ваш код) после чуть ли не 3-4 часов мучений и поисков))
      Если бы ВЫ свою статью чуть подправили и привели её в актуальное состояние, то таких вопросов бы и не было ни от кого. Или я не прав в чём то?

      Удалить
    6. Если бы у меня было на это время, я бы давно уже актуализировал статьи. И написал бы кучу новых, благо материала у меня достаточно. Вы над этим не думали? Видимо, нет.

      А если не нравится, как материал изложен на моем сайте, то посетите другой. Вас лично, в общем-то, никто не держит. А альтернативных источников информации в сети хватает. В том числе и более актуальных.

      Удалить

Хотите подписать свой комментарий, но у вас нет аккаунта? Выберите в выпадающем списке Имя/URL.
Вы сможете вписать свои имя или ник. Поле для указания URL можно оставить пустым.

Тэги, допустимые в комментариях