30 июня 2013 г.

Кнопки Share42 для блоггер

Пошаговая инструкция по установке социальных кнопок Share42 в Blogger (Blogspot).
Мануал подскажет как используя drive.google (диск гугла) внедрить код кнопок Share42 в шаблон блоггер и как разместить в блоге блогспот плавающие или статичные кнопки Share42.

Социальные кнопки share для сайта или блога стали играть немаловажную для продвижения ресурса в социальных сетях. Анонсирование через кнопки соцсетей новых публикаций из блога в twitter, google+, facebook, вконтакте ускоряют индексацию и поднимают авторитет сайта в поисковых системах, привлекает целевую аудиторию.

При этом, стандартные кнопки социальных сетей в blogger (blogspot) имеют весьма затрапезный вид и, кроме этого, мне не нравится их функционал. К примеру, кнопка twitter открывает дополнительное окно и т.п.

Более красочный и привлекающий внимание читателей вид имеют кнопки социальных сетей Share42. Есть лишь одна небольшая загвоздка — в blogger невозможно загрузить файл с расширением js.
Поэтому возникает вопрос хранения файлов кнопок share42, который нужно установить в шаблон  blogger. Воспользуемся предоставленными возможностями сервиса хранения файлов drive.google.

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

share42

Затем выбираем опции подходящие для вас

share42

И нажав на кнопку посмотрите как будут выглядеть кнопки share42 на сайте. Понравилось? Тогда  скачивайте скрипт кнопок. Распакуйте папку. Перетащите файлы в удобное место.

Далее переходим в drive.google.com. Создаем папку, закачиваем в неё файлы, картинки кнопок и файл js. Делаем папку доступной для всей сети. 

drive.google
Скопируйте ссылку из строки, вернее ту её часть, что выделена на этом  скрине

drive.google

Добавляем скопированное в хвост этой ссылки — https://googledrive.com/host/сюда. Возвращаемся на сайт share42.com/ru, ставим новую ссылку в окно. Кликаем по появившейся ниже ссылке, проверяем всё ли правильно сделано. Если правильно, то откроется страница с кодом. 

share42

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

— если вы выбрали плавающие кнопки социальных сетей share42, то в "blogger" - "дизайн" - "добавить гаджет" - "HTML/JavaScript" Добавляем в открывшееся окно код кнопок share42, сохраняем, смотрим блог, настраиваем расположение кнопок, меняя цифры в коде. Опытным путем выберите наиболее оптимальное местонахождение кнопок на странице;

— если ваш выбор пал на простые, статичные кнопки share42 внизу поста, то нужно найти в коде шаблона блога  строку

<data:post.body/>

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

И два последних "если" — вам нравятся красивые яркие кнопки share42, то работа окончена. Если вам захочется оформить панель кнопок как в Блоге Старика, то необходимо скопировать второй код на share42.com/ru и разместить его в шаблоне выше 

]]></b:skin>

Не забудьте сохранить изменения. Всё готово, кнопки share42 в блоггер установлены, пользуйтесь на здоровье.
Результат можно увидеть в конце этого поста, так же можно воспользоваться этими кнопочками и поделиться прочитанным здесь с друзьями
.
Удачи.

4 комментария:

  1. Знаете, я у себя в шаблоне не нахожу такое:

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

      Удалить
  2. Интересны у вас сайтик добаовлюка я его в закладки
    от расстаманна фром каннабис хе-хе шутка!!!

    ОтветитьУдалить