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

Здравствуйте, дорогие друзья!
Рад поздравить всех своих читателей с наступившим 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



0 комментариев к “Полезные кнопки под заголовками сообщений блога”

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