Полезные кнопки под заголовками сообщений блога

Здравствуйте, дорогие друзья!
Рад поздравить всех своих читателей с наступившим 2012 годом! Надеюсь, для вас и ваших близких это будет год мира, любви и материального благополучия!

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


Это "Twitter", "Facebook", "StumbleUpon", "Google+" и кнопка "Share", при нажатии на которую откроется выпадающий список дополнительных кнопок.

Все кнопки собраны на единую панель и устанавливаются в шаблон одним движением!

Вот, как это будет выглядеть под заголовками всех статей блога:

Испытать работоспособность кнопок можно на испытательном стенде.

Автор разработки - Mohammad Mustafa Ahmedzai.

Добавить кнопки под заголовки сообщений в Blogger
1. Заходим в Панель инструментов -- Дизайн -- Изменить HTML

2. Сохраняем резервную копию шаблона на жёсткий диск

3. Активируем "Расширить шаблоны виджета"

4. С помощью комбинации Ctrl + F находим такой отрывок кода:

<div class='post-header-line-1'/>

и сразу после него устанавливаем код, полученный по этой ссылке

5. Настраиваем код:
  а) Цвет панели с кнопками можно редактировать изменяя в коде отрывок #FFFF99, выделенный жёлтым

  б) Что бы при нажатии на кнопку из списка "Share" показывался заголовок вашего блога, надо вставить в коде его название вместо ВСЁ ГЕНИАЛЬНОЕ ПРОСТО

6. Если вы уже устанавливали в блоге кнопки "+1", то этот шаг надо пропустить!
Если нет - то перед строкой </body> в шаблоне блога вставляем следующий код:


<script type='text/javascript'>
  window.___gcfg = {lang: &#39;ru&#39;};
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

7. Сохраняем шаблон и проверяем кнопки, которые должны появиться под заголовками на страницах статей. Если вы хотите показать эти кнопки и на Главной странице, удалите из кода кнопок участки, выделенные фиолетовым.

Доброй охоты всем нам и счастливого Нового Года!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.

Твитнуть