
Что отличает мой набор кнопок социальных сетей от стандартного? Во-первых, большее количество доступных социальных сетей. Во-вторых, более стильное, на мой взгляд, оформление. В третьих, при нажатии на кнопку вы получите всплывающее окно, подогнанное под размер формы добавления ссылок в выбранную соц. сеть. И, наконец, неограниченные возможности для публикации своих комбинации кнопок! Если вы опустите взгляд в конец этой статьи (да и любой другой статьи на этом ресурсе), то вы увидите в действии тот набор социальных кнопок, что я хочу вам предложить.
Для начала я хочу, чтоб вы усвоили основные принципы того, что из себя представляет одна кнопка. По сути, кнопка - это картинка, которую мы видим, когда подводим к ней курсор, плюс ссылка на которую мы кликам для перехода. Ссылка снабжена рядом дополнительных опций: черно-белая подложка под картинку, которую мы видим, пока не навели на нее курсор, и описание размера окна, которое откроется, если нажать на ссылку. Довольно упрощенно, но большего, думаю, и не надо. Если вам, к примеру, не нравятся используемые мной картинки для кнопок, ты вы без труда их замените, владея и этим минимумом знаний.
Преимущества моего кода кнопок перед аналогами с других сайтов:
1. Кнопки, где это возможно, отдают максимум информации: название статьи, ссылку на нее, уменьшенную копию первой картинки в статье, небольшой фрагмент статьи.
2. Где это полезно для оформления, производится выделение передаваемых данных курсивом, жирным шрифтом и пр.
3. Корректная работа в Internet Explorer: текст, набранный кириллицей, передается без искажений.
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='"http://blogger.com/blog-this.g?u=" + data:post.url + "&n="' expr:name='data:post.snippet' expr:onclick='"window.open(this.href + encodeURIComponent(this.title) + \"&t=\" + encodeURIComponent(this.name), \"_blank\"); return false;"' expr:title='data:blog.title + ": " + data:post.title' rel='nofollow' style='background: url("https://lh3.googleusercontent.com/-zd86rZgogpY/TzURYbnkfQI/AAAAAAAAAbE/9fpYkwVGFNA/s25/but1bw.png") 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='"http://twitter.com/intent/tweet?original_referer=" + data:post.url + "&url=" + data:post.url + "&text="' expr:onclick='"window.open(this.href + encodeURIComponent(this.title), \"_blank\", \"height=240,width=510\"); return false;"' expr:title='data:blog.title + ": " + data:post.title' rel='nofollow' style='background: url("https://lh4.googleusercontent.com/-YiTfX-3BJSk/TzURY5VnEkI/AAAAAAAAAbY/XfgI7nlwi3c/s25/but2bw.png") 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='"http://livejournal.com/update.bml?subject="' expr:name='data:post.url + "><b>" + data:post.title + "</b></a> от <b>" + data:post.author + "</b> (" + data:blog.title + ") : <i>" + data:post.snippet + "</i>"' expr:onclick='"window.open(this.href + encodeURIComponent(this.title) + \"&event=<a href=\" + encodeURIComponent(this.name), \"_blank\"); return false;"' expr:title='data:post.title' rel='nofollow' style='background: url("https://lh5.googleusercontent.com/-7LyaWP03TPg/TzURaSYqwcI/AAAAAAAAAbw/Z_-_jq_rI_8/s25/but5bw.png") 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='"http://vk.com/share.php?url=" + data:post.url + "&image=" + data:post.thumbnailUrl + "&title="' expr:name='data:post.snippet' expr:onclick='"window.open(this.href + encodeURIComponent(this.title) + \"&description=\" + encodeURIComponent(this.name), \"_blank\", \"height=280,width=480\"); return false;"' expr:title='data:post.title' rel='nofollow' style='background: url("https://lh3.googleusercontent.com/-R6JuHs_66ys/TzURZslznKI/AAAAAAAAAbo/nN7HQg4nqO4/s25/but4bw.png") 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='"http://odnoklassniki.ru/dk?st.cmd=addShare&st.s=0&st._surl=" + data:post.url' expr:onclick='"window.open(this.href, \"_blank\", \"height=385,width=600\"); return false;"' rel='nofollow' style='background: url("https://lh3.googleusercontent.com/-3ZggCbbQWqo/TzVaeh8zSCI/AAAAAAAAAdw/9BdzxoWAUTU/s25/but9bw.png") 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='"http://my.ya.ru/posts_add_link.xml?URL=" + data:post.url + "&title="' expr:name='data:post.author + " (" + data:blog.title + ") :</b> <i>" + data:post.snippet + "</i>"' expr:onclick='"window.open(this.href + encodeURIComponent(this.title) + \"&body=<b>\" + encodeURIComponent(this.name), \"_blank\", \"height=560,width=1005\"); return false;"' expr:title='data:post.title' rel='nofollow' style='background: url("https://lh6.googleusercontent.com/-3gnlQVPOQcQ/TzURgEWMOBI/AAAAAAAAAdA/iGxaDkWX9RA/s25/but7bw.png") 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='"http://connect.mail.ru/share?url=" + data:post.url + "&imageurl=" + data:post.thumbnailUrl + "&title="' expr:name='data:post.snippet' expr:onclick='"window.open(this.href + encodeURIComponent(this.title) + \"&description=\" + encodeURIComponent(this.name), \"_blank\", \"height=360,width=537\"); return false;"' expr:title='data:post.title' rel='nofollow' style='background: url("https://lh6.googleusercontent.com/-Q9JTxREWlb8/TzURa9QpEHI/AAAAAAAAAcE/Dm9UdwJznZM/s25/but6bw.png") 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='"http://liveinternet.ru/journal_post.php?action=n_add&cnurl=" + data:post.url + "&cntitle="' expr:name='data:post.url + "]" + data:post.title + "[/URL][/B] от [B]" + data:post.author + "[/B] (" + data:blog.title + ") : [I]" + data:post.snippet + "[/I][/QUOTE]"' expr:onclick='"window.open(this.href + encodeURIComponent(this.title) + \"&cntext=[QUOTE][B][URL=\" + encodeURIComponent(this.name), \"_blank\"); return false;"' expr:title='data:post.title' rel='nofollow' style='background: url("https://lh3.googleusercontent.com/-V1qrtuecAu0/TzURZKi1I2I/AAAAAAAAAbc/fzQLdVuWxCc/s25/but3bw.png") 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='"http://facebook.com/sharer.php?s=100&p[url]=" + data:post.url + "&p[images][0]=" + data:post.thumbnailUrl + "&p[title]="' expr:name='data:post.snippet' expr:onclick='"window.open(this.href.replace(/\/s72-c\//,/s125-c/) + encodeURIComponent(this.title) + \"&p[summary]=\" + encodeURIComponent(this.name), \"_blank\", \"height=352,width=640\"); return false;"' expr:title='data:post.title' rel='nofollow' style='background: url("https://lh3.googleusercontent.com/-AMe2KniFK00/TzURbnpPaeI/AAAAAAAAAcM/ayEkODi6g00/s25/but8bw.png") 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("https://lh4.googleusercontent.com/-HCew6spKMOs/TzURYeptFVI/AAAAAAAAAbA/Hdu1V0A07lk/s25/but0bw.png") 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 = {"data_track_clickback":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, заменив им иксы.
Прежде, чем вы получите окончательный код кнопки, необходимо будет внести кое-какие данные и подтвердить регистрацию через электронную почту. Для этого идем на сайт сервиса 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); }
Вот, собственно, и все. Если у вас возникли по ходу прочтения какие-то вопросы - не стесняйтесь. Буду рад ответить :-)
Тимофей, я вставила большой кусок кода, но когда стала его сохранять, Блоггер мне написал: "The reference to entity "target" must end with the ';' delimiter." Что это значит?
ОтветитьУдалитьВиноват. Используемый у меня механизм подсветки кода трансформировал некоторые коды символов в сами символы. Как итог, Вы в статье видите не совсем корректный код, отличный от того, что я забивал в статью... :-[
УдалитьСейчас я все поправил. Пробуйте!
Я попробовала - теперь все работает. Спасибо!
ОтветитьУдалитьО, спасибо огромное! Теперь всё красиво и функционально. А, главное, всё по полочкам разложено, очень легко разобраться)
ОтветитьУдалитьРад был помочь :-)
УдалитьА можно в этот набор добавить кнопку Гугл+? И как это сделать?
ОтветитьУдалитьРазумеется можно! Код можно почерпнуть, так сказать, из первых рук.
УдалитьТимофей, а что делать, если в хтмл-коде нет этого кусочка:div class='post-share-buttons goog-inline-block' ?
ОтветитьУдалитьПри этом, стандартные кнопки блоггер показывает...
Посмотрел код всех трех Ваших блогов. Везде элемент <div class='post-share-buttons goog-inline-block'> имеется.
УдалитьВы не забыли поставить галочку напротив "Расширить шаблоны виджета" перед тем как искать этот элемент в исходном коде шаблона?
Для sunctorus:
ОтветитьУдалитьООО!!! Действительно! Благодарю за отзывчивость =)
Всегда пожалуйста :-)
УдалитьЯ попыталась добавить в набор кнопок кнопку LiveInternet. Для этого просто скопировала код этой кнопки между Моим миром и Я.ру.
ОтветитьУдалитьНо при сохранении шаблона выдается ошибка: Ошибка при синтаксическом анализе XML (строка 1037, столбец 103): The reference to entity "cnurl" must end with the ';' delimiter.
Что я сделала не так?
Опять меня механизм подсветки кода подвел... Поправил. Пробуйте сейчас!
УдалитьТимофей, спасибо. Установила - всё работает.
ОтветитьУдалитьВот и славно :-)
Удалить/* Posts ,в некатарах шаблонах нет, но можно вставлять под этим кодом
ОтветитьУдалить]]>
Я рассматриваю здесь в первую очередь стандартные шаблоны Blogger. В них "/* Posts" есть у каждого. А в сторонних шаблонах и "]]>" может не оказаться (как, впрочем, и другого кода, к которому я привязываю свой) - все целиком и полностью на совести их разработчиков.
УдалитьЗдравствуйте!
ОтветитьУдалитьА расскажите, пожалуйста, как вы сделали такие клёвые кнопки RSS,имейл-подпискии твиттера?
Очень нравяться!
Гммм... Это обычные картинки со ссылками, размещенные в модуле HTML/JavaScript.
УдалитьВсем позитива!
ОтветитьУдалитьДрузья подскажите, с кнопкой +1 проблема. Пытаюсь поставить + или поделиться, но в каждом сообщении одна и тажа информация и картинка. Как исправить?
Не очень понимаю суть Вашей проблемы. Каким образом вы добавляете эту кнопку? Что значит "одна и та же информация и картинка"?
УдалитьВ Вашем блоге, что в профиле, я наблюдаю нормально работающую кнопку +1.
Добрый вечер! Кнопка стандартная из шаблона, только соц. сети убрал. А проблема в том, при наведении мыши на кнопку открывается окно (поделиться) в котором отображается кусок поста и картинка (шапка блога). И это отображается на всех кнопках в блоге содержание текста абсолютно одинаково.
ОтветитьУдалитьНе совсем так. Статьи от 18 и 28 марта отображают во всплывающем окне кусок самих себя, как и должно быть. А вот с остальными, да, проблема...
УдалитьУвы, я так сходу не могу сообразить, что Вы там наворотили, что стало все столь неласково. Где-то при правке кода Вы допустили ошибку. Но где, не могу сказать.
Почитайте здесь как добавить кнопку +1. Может сможете понять, где накосячили
Спасибо! Причину нашел, но вот с картинкой... Можно ли сделать чтобы картинки были из поста а не из шапки? У вас на блоге тоже самое, одна и та же картинка во всех окнах на кнопки +1.
УдалитьУвы, не знаю, от чего это зависит - скрипт Google +1 закрытый. Если бы было иначе, первое что бы я сделал, это вернул старое синее оформление кнопки. Текущий красный стиль чересчур хищный, да и не слишком сочетается с цветовым решением моего блога. Но увы и ах...
УдалитьДа! Жаль! Скажите, не могу что то догнать как кнопку в право передвинуть.
УдалитьНу, тут можно идти разными методами. Я разграничил элементы таблицей. А можно, в принципе, использовать CSS-стиль float. Полагаю, и другие способы имеются ;-)
УдалитьСпасибо вам большое
ОтветитьУдалитьПожалуйста. Обращайтесь :-)
УдалитьПодскажите пожалуйста ,как мне в мой блог добавить кнопку +1. Я убрала галочку с пункта "Показывать кнопки для публикации". И конечно же +1 исчез.
ОтветитьУдалитьИнформация, так сказать, из первых рук: http://www.google.com/intl/ru/webmasters/+1/button/index.html.
УдалитьВот это-то я как раз понять и не могу :fool:
УдалитьТам пишут поместитеэтот тег туда, где должна отображаться кнопка +1. И далее идёт такая надпись. Куда поместить не знаю. У вас обычно всё расписано. Ну, там после head или ещё куда.
Затем дальше: Поместите этот вызов функции отображения в соответствующее место. И дальше длиннющий код. Куда его нужно вставить тоже не пойму.
И я не знаю. Не могу же я угадать, где Вы хотите, чтобы у Вас отображалась кнопка "+1".
УдалитьНу, например как у вас в верхнем правом углу каждого поста...
ОтветитьУдалитьЭто материала еще на целую статью. Вы уж извините, но в комментариях я все это вываливать не буду.
УдалитьВторой блок кода в статье видите? Перед 32 строкой воткните тот код, что сформировали по ссылке, куда я Вас отправил. Кнопка "+1" должна появиться рядом с кнопками.
Наверное я лучше подожду статью :-)
ОтветитьУдалитьСкажите пожалуйста, я по вашей инструкции налаживал работоспособность панели "действия", затем добавил по данной статье кнопки соц сетей. Но они у меня встали в статье в странном порядке: сначала идут действия, потом большой пробел, а затем кнопки соц. сетей. Как сделать расположение подобно вашему?
ОтветитьУдалитьПолагаю, нужно поменять местами код, отвечающий за отображение кнопок соц. сетей, и код, отвечающий за отображение виджета "Действия".
УдалитьБольшое спасибо!
ОтветитьУдалитьХотелось бы в том числе увидеть и кросспостинг в дальнейших темах :)
ОтветитьУдалитьКросспостинг между чем и чем? И имеется в виду, что Вы хотели бы, чтобы я кросспостил куда-то свои статьи? Или описал технологию, которая позволяет упростить эту процедуру?
УдалитьЧтобы вы описали технологию упрощения этой процедуры :)
ОтветитьУдалитьПовторяю вопрос: кросспостинг между чем и чем?
Удалитьмежду блоггером и вк, твиттер, жж, liveinternet, facebook
УдалитьТеперь понял. Такая статья планируется ;-)
УдалитьУра :)
ОтветитьУдалитьвсё работает. Спасибо
ОтветитьУдалитьВсегда пожалуйста :-)
УдалитьУ меня чёрно-белый сайт-тумблог. Очень нравится дизайн ваших социальных кнопок. У меня стоят цветные. Как мне поменять стиль на ваш? Подскажите?!
ОтветитьУдалитьНу, если хотите точно такие же, то удалите свои и установите мои руководствуясь инструкцией, приведенной в статье.
УдалитьА если просто хотите затенить свои, то за затенение цветных картинок отвечают следующие операторы:
opacity: 0;
filter: alpha (opacity = 0);
Спасибо! Сделала кнопочки! Ура!
ОтветитьУдалитьВеликолепные социальные кнопки, много разных перепробовал - эти лучшие, премного благодарен.
ОтветитьУдалитьНу так в первую очередь для себя ведь делал ;-)
Удалитьздравствуйте!!кнопочки прелесть спасибо большое,но незнаю ,как над кнопочками написать
ОтветитьУдалитьУх ты! Кнопочки! Понравилась статья? Поделитесь с друзьями:
и чтобы кнопочки и текст были посередине страницы в редакторе шаблона
Во второй блок кода, представленный в статье, после второй строки поместите <div>Ух ты! Кнопочки! Понравилась статья? Поделитесь с друзьями:</div>.
УдалитьНу а для отцентровки, поместите весь второй блог между тэгами <c></c>.
здравствуйте!!большое спасибо всё получилось!!кнопочки прелесть!!и ещё есть один вопрос: кодовое окошко для флешки я сделала флешку и хочу под работай поставить код для этой флешки,но не знаю как?
Удалитьпомогите пожалуйста
[q="mila alves"]есть один вопрос: кодовое окошко для флешки я сделала флешку и хочу под работай поставить код для этой флешки,но не знаю как?[/q]
УдалитьЭто Вы о чем, вообще?
я вам пишу комментарий он находиться в окошке вот такое окошко есть для кода флешки
ОтветитьУдалитьдля текста и картинок я имею. зайдите по этой ссылке http://www.liveinternet.ru/users/megarut/post242409640/ на мой блог на лиру и увидите под часиками код в окошке но этот код не идёт для блоггера
А какая связь у этого окошка с темой кнопок социальных сетей?
УдалитьДа и в чем проблема воспользоваться тэгом input, как это организовано у Вас на LiveInternet? Если не идет автоматом, то сделайте вручную. В любом случае, с этим вопросом уже не ко мне.
спасибо большое буду пробовать
ОтветитьУдалитьТимофей, здравствуйте!
ОтветитьУдалитьВ расширенном режиме добавляю коды, галочку "показывать кнопки" заранее убираю при этом. Но если галки нет, то у меня не показываются ни стандартные, ни ваши кнопки. Если галку возвращаю, то видны и те, и другие :((( Как бы избавиться от стандартных?
А Вы, как и написано, СНАЧАЛА отключили стандартные кнопки, и лишь потом стали оформлять мои? Или порядок действий изменили?
УдалитьСначала отключала, потом все остальное делала )) Потом с другого браузера наоборот :-) По-всякому попробовала. Не вышло вашим методом, к сожалению, хотя я долго пыталась :(( Пришлось пользоваться кодами ShareThis.
ОтветитьУдалитьСкажите, пожалуйста, а как вы постаивли кнопочки Twitter, mail и RSS на правой панеле вверху? Через AddThis получится это?
Вы где-то ошиблись в том, куда встроить мой код. Вы его, похоже, воткнули в ту часть, которая игнорируется при отключении стандартных кнопок. Но чего уж теперь...
УдалитьЗдравствуйте!
ОтветитьУдалитьОтличная статья. Спасибо за материал.
Только вот у меня новые иконки добавились к "старым". Так и должно быть? Как можно избавиться от старых?
О, всё, придумал! :)
ОтветитьУдалитьНу и отлично :-)
Удалить(((
ОтветитьУдалитьПОМОГИТЯ!!
Не могу найти даже поиском crtl "f" этот код.
*************
Теперь открываем редактор шаблона (Дизайн->Изменить HTML), ставим галочку напротив "Расширить шаблоны виджета", после чего находим этот код:
ТУТ СЛЕДУЕТ КОД...
...и сразу под этим кодом добавляем следующее:
*********************
мне кажется что его там вообще нет.
куда в таком случае вставлять скрипт кнопок?
По ключу shareButtons поищите этот код. Возможно у Вас он немного видоизменен.
УдалитьСпасибо! все работает)))
ОтветитьУдалитьЯ попробовала и shareButtons искать, и обычно - у меня таких слов нету в шаблоне( Такое может быть или я косорукая? Галочка на расширение стоит!
ОтветитьУдалитьА у Вас один из стандартный шаблон? Или вы его создали сторонней программой? А может взяли какой-то готовый самопальный шаблон в одной из коллекций, что полно в сети? Или в свое время Вы неплохо покопались в шаблоне, удаляя все "лишнее и ненужное"?
УдалитьУ меня стандартный! О чем Вы говрите, какой самопальный)))
УдалитьА какой именно? Какое название у шаблона? Я бы посмотрел на этот шаблон в нетронутом виде.
УдалитьНу внизу в блоге написано Шаблон "Watermark". Технологии Blogger.
УдалитьАга, понял, какой шаблон!
УдалитьТолько, вот, код нужный я там вижу. Прям под этим кодом:
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
Нет, всё равно не получилось. Кнопки не добавляются, только между постами пространство исчезло, всё стало сплошным. Извините за беспокойство!
УдалитьЖаль, не смог помочь. Видимо, в Вашем случае, нужно смотреть код шаблона непосредственно. А это сделать можете только Вы - автор блога.
УдалитьА ещё такой моментик можно уточнить? Поставила галочку показывать стандартные кнопки, а они не показываются! Поменяла шаблон, снова галочку и всё равно даже стандартных кнопок нету. Такое из-за чего может быть?
УдалитьВот, как раз, скорее всего из-за того, что у Вас отсутствует тот код, после которого я предлагал добавить свой.
УдалитьВот ещё проверила, поставила галочку показывать Цикаво/не цикаво, тоже не отображается. А что же теоритически делать с такой проблемой, что в действиях страницы ничего не работает? Даже если меняю шаблоны?
УдалитьСоздайте еще один блог (потом закроете к нему доступ и он будет у Вас как тестовый). Настройте в нем все, как Вы хотите. А потом, просто скопируйте шаблон этого блога, образованный Вашими действиями в свой текущий блог, заменив им тот кривой шаблон, что есть сейчас. На содержимое ваших статей и комментарии эти действия не повлияют.
УдалитьЯ вижу только такой выход.
Тимофей, всё получилось, спасибо за подсказку! Сделала тестовый блог, скопировала с него не весь шаблон, а именно строчки, указанные в начале этого поста. Потом вставила все коды для твиттера. контакта и т.д. и всё заработало! Очень счастлива)))
УдалитьЕщё вопрос - какие именно строчки надо удалить, чтоб кнопки отображались на главной странице? Я не разобралась, в посте написано, что эти строчки подсвечены, но я никакой подсветки не вижу( Помогите ещё с этим вопросиком?
Ну, для копирования только строк, что приведены в начале этой статьи, можно было воспользоваться и самой статьей. Просто скопировать их из статьи, не создавая доп. шаблон ;-) Я Вам предложил метод с доп. шаблоном только потому, что Вы описали еще одну ошибку, и неизвестно, сколько их еще в Вашем текущем шаблоне. Но в любом случае, главное, что Вы справились и довольны результатом! :-)
УдалитьДа, действительно, сейчас, временно, строки не подсвечиваются. Вскоре исправлю. А удалить надо первую и последнюю строки второго блока кода в статье.
Для этого идем на сайт сервиса AddThis, выбираем кнопку для Website - я не вижу этой кнопки. До этого момента все сделала, а тут застопорилась..... Ткните меня носом, пожалуйста!
ОтветитьУдалитьНемного изменился там процесс регистрации. На головной странице надо выбрать Share Buttons, а вот уже на следующей странице нужно выбрать кнопку для Website.
Удалитьвсе получилось, спасибо!!
УдалитьПриятно слышать, что все получилось :-)
УдалитьА можно как то к стандартным кнопкам блоггера (их дизайн меня вполне устраивает) добавить кнопку в контакте (в том же стиле)?
ОтветитьУдалитьЧисто теоретически, нет ничего невозможного. Но тут Вам придется разбираться самой. Задача нетривиальная, но для меня малоинтересная. Я не вижу причин, зачем бы мне имело смысл за нее браться ради Вас одной.
УдалитьСпасибо большое за статью и информацию, давно искала, как установить эту функцию в блог.
ОтветитьУдалитьРад был помочь :-)
УдалитьТимофей, добрый день!
ОтветитьУдалитьСпасибо за советы. Воспользовался многими и привел блог в порядок. Пришел черед соц. кнопок, которые делаю своего вида.
Вы используете кнопку AddThis без счетчика. Хотелось бы поставить такую (свою), но со счетчиком. Не могу найти код у них на сайте. Нет ли такого кода у Вас?
Как это Вы не находите? На сайте AddThis стили 1, 2, 3 и 5 идут со счетчиками. Причем пятый еще и со счетчиками Google+, Twitter и Facebook.
УдалитьСпасибо, разобрался. Все сделал.
УдалитьТимофей, а можно ещё вопрос, наверное, он не в тему. Можно так сделать, чтоб в блоге комментарий можно было принимать от человека, у которого нет аккаунта на гугле, но есть в какой0-либо соц сети? Ну то есть чтоб он не анонимным был, а заходил через свои профили с соц сетей. Потому что у меня, например, из-за спама стоит отключено принимать комменты от анонимных, но из-за этого многие знакомые не могут вообще коментарий оставить. Надеюсь, я понятно написала, извините если что не так)
ОтветитьУдалитьУвы, разработчики Blogger не предоставили возможности подписывать комментарии при помощи аккаунтов соц. сетей. Все доступные для подписи аккаунты присутствуют в выпадающем меню выбора типа подписи.
УдалитьВам надо либо привязать к Blogger стороннюю систему комментарии, типа DISQUS, либо воспользоваться другими механизмами отсечения спама в комментариях, что имеются в Blogger. Тут есть два таких механизма. Мягкий: использование проверки по слову - когда при попытке опубликовать комментарий идет запрос на ввод контрольного слова, изображенного на картинке. Жесткий: контроль комментариев - когда комментарий не будет опубликован без Вашего личного подтверждения. Мне лично этого более чем хватает.
Спасибо за подсказку, совершенно забыла о предмодерации комментариев! Так и сделаю! Подсветите, пожалуйста, потом строчки, которые удалить надо чтоб кнопки было с главной страницы видно было
ОтветитьУдалитьВы невнимательны. По строчкам я Вам уже отвечал.
УдалитьЯ всё видела! Но Вы скаазали что потом подсветите строчки! Вот я лучше ничего удалять не буду а подожду подсветки)
УдалитьВсе больше убеждаюсь, что женская логика от меня ускользает, но... Ваше право! :gigi:
УдалитьТимофей, добрый вечер!
ОтветитьУдалитьМне кажется, кнопка "facebook" не передает миниатюру картинки. Я поставил ее у себя и пробовал ее нажимать на Ваших разных страницах с иллюстрациями. Нигде во всплывающем окне нет миниатюры.
Можете что-то посоветовать, чтобы настроить картинку?
Спасибо!
Да, действительно, перестало работать. Хотя раньше кнопка картинку отдавала.
УдалитьПокопался немного и выяснил, что для того, чтобы кнопка отдавала картинку, она должна быть по одному из размеров (ширина, высота) не меньше 125 пикселей. Мой же скрипт отдает картинку с больншим размером в 72 пикселя.
На своем блоге я ничего сделать не могу - исходная картинка имеет размер лишь 100х100 пикселей. Но для прочих, у кого размеры первой картинки выше предельной планки, попробую код скрипта доработать.
Все, решил задачку! Как ни странно, даже мои изначально маленькие картинки, Facebook теперь принимает :-)
УдалитьВ статью внесены соответствующие правки. Обновляйте код.
Спасибо большое. Что-то с facebookOM плохо ладится...
ОтветитьУдалитьЧто именно плохо? Можно чуть больше конкретики?
УдалитьПытаюсь реализовать вот такой бар на тестовом сайте
ОтветитьУдалитьhttp://proba.ivankrutoyarov.com/2013/01/blog-post_24.html#more
По моей задумке это бар управления сайтом, включающий соц. кнопки, и он должен постоянно присутствовать на экране. За основу взял AddThis. Почему-то на нем некорректно работает переадресация FB. От их поддержки не могу добиться ответа. Поэтому решил Ваш вариант FB, как уже опробованный, совместить с кнопками AddThis.
Сейчас Ваша кнопка FB в конце сообщения и работает абсолютно правильно. В баре кнопка, предлагаемая AddThis. Пробовал сделать замену и поместить Вашу тоже в баре, но понял, что Ваш вариант передает информацию только по конкретному сообщению. Если на экране несколько сообщений, то адрес перехода не находится.
[q]Ваш вариант передает информацию только по конкретному сообщению. Если на экране несколько сообщений, то адрес перехода не находится.[/q]
УдалитьА что, в варианте AdThis оно как-то находится? Интересно как? Как при общем баре виджету угадать, для какого из сообщений Вы его хотите использовать, если на странице их несколько?
Если на странице сразу несколько сообщений, работает в двух вариантах:
ОтветитьУдалить1. Из меню через кнопку AddThis в шаблоне сообщения FB ссылка на главную страницу сайта. Картинка при этом выбирается первая попавшаяся из первого на странице сообщения. (Логика "Смотрите, какой хороший сайт!").
2. Через кнопку FB работает почему-то (?) по-другому. В шаблоне сообщения FB ссылка на URL страницы, на которой находились при нажатии кнопки (по-моему, более корректно), но при этом вообще без картинки (по моим соображениям картинка должна быть первая из первого сообщения).
Похоже, что в этом случае все остальные кнопки у них работают по второму варианту: URL страницы, с которой идет сообщение и без картинок.
ОтветитьУдалитьНу, с этим Вам уже самостоятельно разбираться. У меня как-то нет желания лезть в такие дебри. Оно мне неинтересно.
УдалитьСпасибо за статью, с трудом, хоть я и не блондинка,но все получилось!!!!
ОтветитьУдалитьГлавное результат! :-)
УдалитьТимофей, подскажите, не могу найти div class='post-share-buttons, галочку ставлю на Расширить шаблоны виджета, все равно не ищет(((
ОтветитьУдалитьУ Вас, действительно, по непонятной причине, этот код отсутствует. Попробуйте разместить мой код под этим: <span class='post-icons'>.
Удалитьага, разместила под этим кодом, все появилось)))) клааасссс!!! только значки видны, если зайти под кат(читаем дальше), а так не видны, это так и должно быть?
УдалитьСпасибо огоромное!!!!!
Наташ, не помешало бы читать статью чуть более внимательно. Там сносочка есть прямо под кодом.
УдалитьЕще раз огромное спасибо и sorry за блондинистость))
УдалитьСпасибо за статью! Сделал у себя в блоге, очень понравилось :) Спасибо.
ОтветитьУдалитьА! И ещё, с таким количеством комментариев к статьям было бы не плохо кнопочку "в верх страницы" сделать. С уважением.
ОтветитьУдалитьНу, такое количество комментариев у меня только к этой статье. Остальные статьи куда меньше обсуждаются :-) В противном случае давно бы сделал эту кнопочку. Благо и статью уже написал, как сие сварганить ;-)
УдалитьЕсть такая проблема с кнопкой Facebook. При нажатии переходим на специальную страницу Facebook, где можно выбрать "поделиться в группе". При этом появляется поле, в которое надо ввести название группы. К сожалению, там нет никого списка моих групп, а при вводе названия, пишет ошибку. Подскажите, кто знает, как можно таким образом поделиться ссылкой с группой?
ОтветитьУдалитьСпасибо!!!! Все получилось!
ОтветитьУдалитьА я думал, что у вас еще 23 марта все получилось :gigi:
Удалитьпросто ГИГАНТСКОЕ вам спасибо!!! Очень давно искала понятную и подробную статью на эту тему и вот наконец нашла, сделала и все получилось! Еще раз спасибо!
ОтветитьУдалитьРад был помочь :thanks:
УдалитьЗдравствуйте,
ОтветитьУдалитья только начала разбираться с настройками блога, вести его так сказать. Хотела такие же иконки соцсетей как у Вас тут, но к сожалению не могу воспользоваться этим уроком. Потом я уже нашла информацию, что настройки у Blogger немного поменялись и все.. теперь некуда ствить галочку напротив "Расширить шаблоны виджета" да и многого другого. Я еще только учусь, поэтому будьте любезны, подскажите.. может где то есть кнопка - перейти на старую версию, или может Вы напишите такой же урок но для новой версии настроек Blogger? Спасибо!
Ну, теперь Вам просто надо перейти не по Дизайн->Изменить HTML, а по Шаблон->Изменить HTML. По поводу галочки "Расширить шаблоны виджета" сейчас, увы, ничего сказать не могу - в и-нете с телефона. Вернусь в Москву - там посмотрю.
УдалитьТак, продолжаем... Теперь галочка напротив "Расширить шаблоны виджета" не нужна. Код шаблона доступен сразу и полностью. Некоторые строки кода просто свернуты. Но если поставить курсор в поле, где расположен код и запустить поиск, то можно без труда найти нужные строки.
УдалитьЗдравствуйте! Очень хорошая и полезная статья. Я тоже решила ею воспользоваться. Но возникла одна проблема: при нажатии на кнопку Одноклассники, выскакивает окошко с отображением картинки профиля, а не первой картинки статьи. Для всех остальных кнопок (Вконтакте, Фейсбук, Блоггер) все работает отлично. В чем может быть проблема? Подскажите, пожалуйста.
ОтветитьУдалитьМой блог: http://ok-studio-shop.blogspot.com/
Я уже не первый набор кнопок меняю, думая, что проблема в самих кнопках. Но проблема остается. И я уже не знаю, с какой стороны подойти к ее решению. Буду вам очень благодарна за помощь.
Тут дело не в картинке профиля... Похоже разработчики "Одноклассников" что-то намудрили и теперь захват производится не первой картинки, как было раньше, а любой картинки, что присутствует на странице. В частности, у меня, как я посмотрю, подхватывает профильную картинку одного из комментаторов, а у Вас Вашу профильную из блока "About Me"... Тут я, боюсь, бессилен, нужно ждать пока разработчики поправят API.
УдалитьСпасибо за ваш ответ!
УдалитьДело в том, что в другом моем блоге с кнопкой Одноклассники всё нормально. И захватывает не только первую картинку поста, но и другие тоже, т.е. есть выбор, какую опубликовать. ( http://handmade-ok-studio.blogspot.com/ )
Там стоят другие кнопки, но их я на первый блог тоже ставила, была эта же ситуация. Может быть еще и в блоге какая проблема?
Результирующая ссылка на "Одноклассники" со второго блога такая же, как и с первого. Так что от кнопки это точно не зависит. А уж если у Вас какая-то проблема в коде самого блога, то тут я, увы, угадать, что не так, не в состоянии. Логику выбора картинки этой кнопкой я не понимаю. А жестко задать конкретную картинку там не представляется возможным - нет соответствующей переменной.
УдалитьP.S. Вчера при нажатии кнопки "Одноклассники" с этой моей страницы, кроме скриншота из статьи, подхватывалась картинка из профиля одного из комментаторов. Сегодня все ОК - только статейная картинка. Так что, полагаю, это разработчики "Одноклассников" что-то там мутят и перекраивают в коде. И от сайта, как видите, это мало зависит.
Спасибо большое за вашу помощь! Будем ждать, когда они перестанут там мутить :)
УдалитьОгромное спасибо за эту статью! У меня всё получилось, хотя я очень далека от всяческого программирования :)
ОтветитьУдалитьВсегда пожалуйста :thanks:
УдалитьАй, помогите пожалуйста!!! Я не вижу поля или квадратика куда надо поставить галочку "Расширить шаблоны виджета". Соответственно код <div class='post-share-buttons я тоже не могу найти. Что я делаю не так?
ОтветитьУдалитьУже не нужно ставить эту галочку. Разработчики Blogger видоизменили интерфейс и данная необходимость отпала.
Удалитьтоже спрошу: раз нет кода <div class='post-share-buttons, то как найти место, куда добавляется ваш код (для кнопок соц.сетей)? куда попало внутри html_кода его ж нельзя вставить!
УдалитьЧестно говоря, я в ступоре. У меня все есть.
УдалитьЕсли бы не прочитала комменты, так и искала бы второй час где поставить галочку. Обидно блин.
ОтветитьУдалитьПрисоединяюсь к вопросу Елены.
ОтветитьУдалитьКакой из стандартных шаблонов у Вас служит исходным?
УдалитьШаблон "Легкость"
ОтветитьУдалитьВ выходные постараюсь посмотреть. Раньше, к сожалению, никак...
УдалитьСпасибо. Буду ждать.
ОтветитьУдалитьЕдинственный годный гайд. Спасибо +
ОтветитьУдалитьДобрый день! Искала ответ на свой вопрос и попала на ваш блог. Мне нужно в моем блоге установить ссылку на мою группу ВКонтакте на боковой панели. Подскажите, пожалуйста, может уже писали об этом, может есть где-то информация которую можно почитать? Буду очень благодарна!!! Вот в этом боле нашла ссылку на вас и у автора блога на правой панели установлена такая ссылка о которой я говорю http://www.elenagrishina.com/2013/02/blog-post_18.html#comment-form
ОтветитьУдалитьУвы, о таком я еще не писал.
УдалитьТимофей, добрый день! Спасибо за статью. Очень полезная штука. Долго разбиралась, но все же сделала себе кнопочки. Единственное, что не смогла осилить последний этап, не нашла в шаблоне строку "/* Posts" ((( соответственно мои кнопочки не меняют цвет и размер при наведении. Подскажите, пожалуйста, где же найти эту строку, чтобы вставить нужный код.
ОтветитьУдалитьНе так важно, чтобы было под "/* Posts" - главное, чтобы было над двумя закрывающими квадратными скобками+">"!
УдалитьТимофей, прошу прощения. Код можно вставить над любыми двумя квадратными скобками? Над такими, что ли >? Что, в любой строке? Не догоняю(
УдалитьТо, что Вы привели, это не квадратные скобки, а треугольные, или угловые. Где буквы "х" и "ъ" на клавиатуре видите? Если перейти в английскую раскладку, то получите квадратные скобки. Я просто не могу их здесь напечатать, так как в моих комментариях они являются служебными символами и при их использовании перекосится интерфейс моего комментария.
УдалитьТак вот, Вам нужно поместить тот код, о котором вы спрашивали под конструкцией из трех символов: закрывающая квадратная скобка, закрывающая квадратная скобка, закрывающая угловая скобка.
Спасибо, понятно, буду пробовать!
УдалитьСпасибо кнопочки поставил на своё чудо)
ОтветитьУдалить:thanks:
УдалитьСпасибо большое, очень помогли!!! Сейчас настроила, всё работает, но, наверное, я где-то ошиблась -- потому что кнопочки у меня стоят не в кучке, а разъехались на две строки и между ними огромное пространство) Это можно как-то исправить?
ОтветитьУдалитьВы не очень корректно перенесли от меня код. Код, что у меня прописан для формирования ссылок для кнопок, выполнен с отступами. Обычно, если его переносить копированием к себе в шаблон блога, то эти отступы так и останутся пробелами, которые обработчик HTML проигнорирует. Но у Вас по неизвестной причине каждый из этих пробелов был перенесен в виде кода, обозначающего пробел:  . Этот код обработчик уже выводит в виде реальных пробелов, которые и разделяют Ваши кнопки. Уберите лишние символы   и все будет нормально.
УдалитьУра, ура, ура!! Теперь всё, как надо! Спасибо вам!
ОтветитьУдалить:-)
УдалитьЗдравствуйте. Понравилась статья? Поделись ею с друзьями. (А не ей.) Извиняюсь, что сильно умная.
ОтветитьУдалить"Ей" - это ответ на вопрос "кому?" (дательный падеж). а "Ею".- ответ на вопрос "кем?" (творительный падеж). В общем-то, в современном русском языке в ответ на вопрос "кем?" можно отвечать и так и так, но по канонам именно "ею".
УдалитьИзвиняетесь?))) Типа уже извинили себя?)))
УдалитьДобрый день! Кнопки установила - спасибо огромное за понятнейшую статью.
ОтветитьУдалитьНо вот при попытке установить кнопку Гугл+ выдает ошибку почему-то. Хотя скрипт взяла с гугловского же сайта, вставила перед закрывающим :
Не удалось загрузить шаблон: Ошибка при синтаксическом анализе XML (строка 2022, столбец 60): Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.
Ну тут уж я угадать не могу. Нужно код видеть, чтобы что-то конкретное подсказать, что с ним не так.
УдалитьА я могу его вам как-то показать? :-)
УдалитьСегодня почему-то кнопка добавилась нормально. Наверное волшебный рестарт компьютера помог.
УдалитьВставила ее перед первой кнопкой. только она получилась всегда активная, не серая как остальные, почему-то.
УдалитьЧтобы она серела, нужно добавить класс class='shareme', как в моих кнопках.
УдалитьТимофей, добрый день! а подскажите пожалуйста вот такой нюанс - я хочу вставить в свой блог ваш код с кнопками соц.сетей, но как при этом сделать так что бы осталась стандартная кнопка отправить по электронной почте? и ещё кнопка "написать в блоггере об этом"? И кстати, сеть Я.ру уже не работает давно, поэтому можно эту кнопку удалить из кода ;)
ОтветитьУдалитьНу, во-первых, кнопка "Написать в Blogger" стоит первой в моем наборе кнопок. По функционалу она не сильно отличается от оригинала. Что до "Отправить по электронной почте", то перейдите к редактированию настроек дизайна блога и там нажмите "Изменить" напротив поля Main. Среди прочих настроек, там будет галочка на "Показать ссылки на отправку электронной почты". В принципе, если уж Вам так хочется, там же можно восстановить родной блок кнопок, где среди прочих есть родная кнопка "Написать в Blogger".
УдалитьЯ.ру, конечно же можно удалить. Просто вырежете из моего кода две строчки за него отвечающие.
Матвей, спасибо за ответ! с кнопкой "опубликовать в блоггер" я разобрался, она действительно у вас есть) Но кстати, она отличается от оригинальной тем, что открывается в новой вкладке браузера, а не в новом маленьком окне (как оригинальная). А что, кстати, лучше - в новом окне или в новой вкладке? В остальном - та же кнопка. И кстати, при публикацию через эту кнопку получается только начальный фрагмент статьи и ссылка на неё. Это у всех так? Вот скриншот - https://cloud.mail.ru/public/7gWn/A4sobkkRE .
УдалитьМатвей, приветствую! в общем, ваша статья уже морально устарела и вводит народ в заблуждение :( Извините, но так оно и есть... я уже несколько часов бьюсь с этими кодами и нифига не понял куда их вставлять.
УдалитьВо первых - сами настройки в блоггере уже давно изменились, щас там нету такого "(Дизайн->Изменить HTML), ставим галочку напротив "Расширить шаблоны виджета" , щас просто заходим в настройках в Шаблон и жмём "изменить HTHL". Почему бы Вам не подправить этот нюанс в статье?
Во вторых - многие строки кода сейчас скрыты в шаблоне (что бы весь код показывался - нужно раскрывать его) и там фиг сразу найдёшь где вот эта строка - div class='post-share-buttons goog-inline-block'>
</div
даже по Sharebuttons ничего найти нельзя.
Я так полагаю, что это находится теперь где-то вот в этой области - скриншот https://cloud.mail.ru/public/MF9d/WCuCVbuzs ?
Подскажите пожалуйста. хочется кнопочки поставить, но фиг поймёшь куда этот код вставлять :( и по возможности подредактируйте свою статью, с учётом того, что в настройках Blogger много чего изменилось.
Во-первых, я Тимофей, а не Матвей. Это не одно и то же.
УдалитьВо-вторых, да, так сделано специально, чтобы был не полный репост статьи, а лишь его части. Механизм разработан для того, чтобы читатель заинтересованный началом статьи на чужом ресурсе, перешел на Ваш, чтобы прочесть ее полностью. А отнюдь не для полного репоста статей.
В третьих, я никого не ввожу в заблуждение. Статья написана в сентябре 2011 года и с тех пор не актуализировалась. Если Вы не обратили внимание на дату публикации статьи, то это Ваша проблема. И не надо в своем тугодумии обвинять меня!
В четвертых, извините, но после Ваших наездов, помогать Вам как-то не хочется.
Каких наездов, уважаемый?! Я по-моему культурно объяснил в чём проблема вашей статьи и предложил её немного подправить до нормального состояния! Тугодумие? Навряд ли. Я прекрасно вижу и понимаю, что статья 2011 года, поэтому и написал что она морально устарела на текущий момент и не подходит пользователям. Или по Вашему, все должны понимать что для того, что бы найти строку div class='post-share-buttons goog-inline-block'>
Удалитьнужно раскрыть код где-то в середине огромного кода?!? Вам, как программисту это понятно, конечно. А если пользователь новичок и хочет ваш код применить, то он не поймёт куда его вставлять даже... Потому что у вас в статье НЕ НАПИСАНО, что нужно раскрыть код в одном месте что бы найти другой фрагмент кода.
Я об этом сам уже догадался (что надо код раскрывать, что бы найти фрагмент после которого вставлять Ваш код) после чуть ли не 3-4 часов мучений и поисков))
Если бы ВЫ свою статью чуть подправили и привели её в актуальное состояние, то таких вопросов бы и не было ни от кого. Или я не прав в чём то?
Если бы у меня было на это время, я бы давно уже актуализировал статьи. И написал бы кучу новых, благо материала у меня достаточно. Вы над этим не думали? Видимо, нет.
УдалитьА если не нравится, как материал изложен на моем сайте, то посетите другой. Вас лично, в общем-то, никто не держит. А альтернативных источников информации в сети хватает. В том числе и более актуальных.