Отличные кнопки социалок для вашего блога без плагинов

Сегодня речь пойдет о кнопках социальных сетей с функцией «поделиться» и варианте подключения их без плагинов для вашего блога или любого другого сайта.

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

Я очень долгое время искал варианты подключения к своему блогу кнопок социальных сетей, которые бы меня удовлетворили.

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

Кроме того вы наверняка знаете, что много плагинов не самым благоприятным образом сказываются на производительности вашего блога со всеми вытекающими последствиями.

Так вот, порыскав по сети я нашел отличный вариант на все 100 процентов удовлетворяющий моим требованиям.

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

Кнопки можно разместить горизонтально в любом месте блога, например после статьи, или вертикально, сбоку от сайта в виде слайдера, который остается в зоне видимости даже при прокрутке странички, что очень удобно.

Как же установить кнопки социалок на ваш блог без плагина при помощи этого сервиса?

Вот вам пошаговое руководство с рисунками..

1. Заходим на сайт share42.com

2. Во вкладке главного меню «генератор» выбираем размер наших кнопок, я выбрал самые большие 32х32 пиксела. Выбираем так же какие именно социальные сети будут в нашем блоке кнопок.

Обратите внимание, что последовательность вывода кнопок можно менять просто перетаскиванием иконок в окне настроек.

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

clip_image002

3. Теперь нам нужно выбрать некоторые опции для настройки отображения блока кнопок

clip_image004

Тут как видите все понятно, выбирается тип панели, горизонтальная или вертикальная.

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

Кодировку я оставляю UTF-8, у меня все в этой кодировке, она более универсальная, язык конечно же русский.

Если хотите поддержать этот проект – оставьте птичку чтобы добавить в блок кнопок и кнопку проекта share42

Если вы выбрали для отображения кнопку RSSподписки, то в следующем окошке вам нужно указать адрес вашего фида, чтобы все работало корректно.

Для красивого анимированного проматывания кнопок на сайте должна быть подключена библиотека jQuery, если она подключена – поставьте соответственную птичку

После всех этих настроек можете посмотреть сразу же как это будет выглядеть на реальном сайте и если вас все устраивает – скачивайте архив с готовым скриптом на свой компьютер.

4. Ну и у нас остается последний завершающий этап установки кнопок социальных сетей, как и раньше все предельно просто и понятно написано в инструкции

clip_image006

Скачанный архив со скриптом распаковываем и закачиваем на наш хостинг, при помощи ФТП клиента (я залил в корневую директорию).

В следующем поле нужно указать путь до этой папки, у вас конечно будет свое доменное имя, папку можно заливать так же и не в корневую директорию.

Дальше нужно выбрать тип сайта на который вы будете устанавливать этот скрипт, у меня движок вордпресс.

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

Если это вордпресс, то в панели управления зайдите в меню Внешний вид – редактор и выберите шаблон одной записи single.php.

Я вставил код в этот шаблон сразу после вывода шапки, сли не получится сразу – можете немного поэкспериментировать

clip_image008

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

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

clip_image010

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

Если я не нашел ничего еще более классного на момент, когда вы читаете эти строки, то вы уже видели это блок кнопок на моем блоге. Но вот скриншот на всякий случай

clip_image012

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

А на вашем сайте установлены кнопки социальных сетей? Вы пользуетесь ими после публикации статьи?


Понравилась статья? - поделитесь ею с друзьями!

Оцените статью!

Отличные кнопки социалок для вашего блога без плагинов
5.4 (90%) 2 голос[ов]


11 комментариев к “Отличные кнопки социалок для вашего блога без плагинов

  1. Здраствуйте. Я скачал архив и немогу его открыть, пишет что он поврежден. Много раз скачивал, не получаеться. Что делать? Помогите…

    • Никита, пробуйте скачать другим браузером, воспользуйтесь другим архиватором, все работает, я только что проверил

  2. Алексей, а у меня не показывает кнопки. Более того тема слетела, хорошо резерв делала. Может быть у меня тема сложная?

    • Марина, возможно дело в том, что у Вас резиновый шаблон…
      Что значит тема слетела, если есть проблемы то обычно достаточно удалить проблемный плагин чтобы вернуть все на место…

  3. А мне не нравятся кнопки на моем новом сайте о Дрогобыче. Вот теперь выберу себе именно то, что сам хоу. А так ставил то, что Яндекс предлагал. Спасибо! Приду еще.

  4. Полгода назад установил себе эти кнопки, о которых Вы рассказываете, и весьма доволен. И кнопки красивые, и использовать легко!

      • Алексей, мне тоже нравятся кнорки Pluso. Поделитесь опытом, как вы их поставили в шаблон.
        Я раньше всегда Шераголиком пользовалась, плагин классный, но русские соц. кнопки отсутствуют. Поэтому Pluso является хорошей альтернативой 🙂

        • Мой опыт Вам вряд ли поможет, мой шаблон позволяет это сделать через виджеты…
          если такой возможности нету нужно вставлять в один из темплейтов шаблона, single.php скорее всего

        • Ок, спасибо за быстрый ответ. С виджетом тоже идея не плохая. Я поковыряюсь, и потом отпишусь.

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