Скользящие кнопки социальных сетей для сайта

Раздел: | Дата:

Кнопки социальных сетей для сайта.

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

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

Собственно говоря, и сам вэб-мастер и автор поста говорит своим друзьям в соц сетях о появлении новых статей на сайте, т.к. после размещении статьи он сам первым обязан нажать на кнопки социальных сетей, в которых у него есть свой аккаунт.

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

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

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

Как установить кнопки социальных сетей на сайт.

Будем устанавливать на свой вэб-ресурс кнопки социальных сетей с помощью бесплатного сервиса SHARE42. На сервисе будет необходимо сделать некоторые настройка (по вашему вкусу), которые я буду сопровождать скриншотами.

Данный сервис полностью русскоязычный, что, безусловно, очень удобно. Сервис поможет сгенерировать скрипт кнопок соц сетей, который будет необходимо вставить в определенное место на вашем сайте. Скрипт устанавливается очень просто (сделать это сможет даже начинающий), «весит» он совсем немного.

Но хватит беллетристики, будем создавать кнопки социальных сетей для сайта

Итак, вы заходите на сервис SHARE42. Сразу же перед вами возникает картинка (см. скриншот – 1), где вы можете увидеть все кнопки соц сетей, которые можно будет показать на вашем сайте (их 43 штуки). В левом верхнем углу можно будет выбрать размер кнопок социальных сетей для сайта. Будем делать все по пунктам.

Теперь выбираем нужные вам кнопки социальных сетей: в табличке СОЦИАЛЬНЫЕ СЕРВИСЫ, «зажимаете» левой кнопкой мыши нужную иконку и «перетаскиваете» ее в начало таблички. Иконки, рядом с которыми стоит желтая точка, поддерживают счетчик кликов по ним. После всех манипуляций щелкните на функцию СОХРАНИТЬ КОНФИГУРАЦИЮ, дайте название (например, доменное имя вашего сайта), и сохраните.

Теперь необходимо выбрать нужные вам опции. Я выбрал опции, которые показаны на скриншоте – 2, вы же можете выбрать свои (экспериментируйте).

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

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

Теперь разархивированную папку со скриптом нужно загрузить в корневую папку public_html на ваш хостинг. Сделать это можно с помощью программы FileZilla или сделать это прямо на хостинге, закачав через панель управления хостингом разархивированный файл со скриптом в ту же самую корневую папку.

Есть один нюанс: возможно, что после разархивирования у вас получится две папки со скриптом (одна в другой), так вот – закачивать на хостинг нужно самую последнюю (внутреннюю) папку. БУДЬТЕ ВНИМАТЕЛЬНЫ, иначе скрипт кнопок соц сетей работать не будет.

Затем, в предназначенном окошке укажите путь к установленной папке share42. Не забудьте указать тип вашего сайта (в чек-боксе WordPress).

В нижнем поле необходимо скопировать полученный сгенерированный код и установить его в шаблон темы вашего сайта (ВНЕШНИЙ ВИД –> РЕДАКТОР) в файл single.php (ОДНА ЗАПИСЬ). Необходимо будет попробовать поискать место, куда будет вставлен сгенерированный код, т.к. это место будет определяться особенностями шаблона вашей темы. Не забудьте нажать кнопку ОБНОВИТЬ ФАЙЛ.

После проделанной работы можно будет сделать подстройку позиционирования появившихся кнопок соц сетей на сайте. Сделать это можно с помощью изменения цифровых показателей в сгенерированном и установленном коде (это делается методом подбора, и на ваш вкус). Изменения можно будет сделать в следующих показателях кода: data-top1 (расстояние между началом страницы и панелью кнопок, пх); data-top2 (расстояние между верхней границей видимой области страницы и панелью кнопок, пх); data-margin (смещение панели с кнопками по горизонтали: плюс – вправо, минус – влево, пх).

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

УСТАНАВЛИВАЙТЕ НА СВОИ САЙТЫ КНОПКИ СОЦИАЛЬНЫХ СЕТЕЙ И ПРОДВИГАЙТЕ СВОИ ВЭБ-РЕСУРСЫ В ЭТИХ СЕТЯХ.

PS. Хочу предупредить вас, уважаемые читатели, что на моем блоге кнопки социальных сетей, которые вы видите слева, установлены с помощью другого сервиса (эти кнопки соц сетей мне нравятся больше).

Автор статьи:  Олег Поздеев

Блог автора: http://infopero.ru/

More from my site

  • HTMLHTML Раздел: | Дата: HTMLАтрибут password тега inputНа этом занятии мы будем учиться создавать форму для ввода пароля. Для ее создания мы будем использовать тег input. Я уже сообщал […]
  • Прогресс не стоит на местеПрогресс не стоит на месте Раздел: | Дата: Прогресс не стоит на местеНа сегодняшний день многие люди предпочитают совершать покупки, не выходя из дома. Примером этого может быть интернет-магазин мужских […]
  • Минигостиницы в ЛазаревскомМинигостиницы в Лазаревском Раздел: | Дата: Минигостиницы в ЛазаревскомЭто избавит вас от лишнего шума и суеты, а ведь именно об этом мечтают люди, отправляющиеся в отпуск на море. Отель «Best» окружит вас […]
  • Преимущества создания англоязычной версии сайтаПреимущества создания англоязычной версии сайта Раздел: | Дата: Английский язык - самый популярный язык в мире по количеству носителей языка. Это объясняет решения, принимаемые все большим количеством компаний, переводить свои […]
  • Белое SEO продвижение сайтов в МосквеБелое SEO продвижение сайтов в Москве Раздел: | Дата: О белых, серых и черных методах продвижения говорят много: черные методы – те, что запрещены по лицензии поисковых систем, серые – собственно то, что не […]
  • Выбираем потолок на кухнюВыбираем потолок на кухню Раздел: | Дата: Выбираем потолок на кухнюК выбору отделочных материалов для любой комнаты стоит подходить основательно. Особенно это касается самого популярного места в доме – […]
  • Самодельные окна.  Конструкции самодельных оконСамодельные окна. Конструкции самодельных окон Раздел: | Дата: Самодельные окнаКонструкции самодельных оконУ самодельных окон есть огромное преимущество. Конструкцию и форму самодельного окна можно заказать у индивидуального […]
  • Инструменты электронного мираИнструменты электронного мира Раздел: | Дата: Очень классный инструмент – виртуальные закладки TopPage!В каждом браузере есть экспресс панель, где-то с большим количеством доступных страниц, где-то с меньшим. […]
  • Импотенция в мифахИмпотенция в мифах Раздел: | Дата: Импотенция в мифахСамое страшное, что может случиться с мужчинами, по их мнению, — это импотенция. Особенно это касается мужчин «в возрасте». Многие с тревогой […]
  • Где купить комплект видеонаблюденияГде купить комплект видеонаблюдения Раздел: | Дата: Инфракрасное освещение для видеонаблюденияНовые инфракрасные светодиоды от компании Osram Opto Semiconductors позволяют уменьшить размер осветительных приборов […]

More from my site

  • HTMLHTML Раздел: | Дата: HTMLАтрибут password тега inputНа этом занятии мы будем учиться создавать форму для ввода пароля. Для ее создания мы будем использовать тег input. Я уже сообщал […]
  • Прогресс не стоит на местеПрогресс не стоит на месте Раздел: | Дата: Прогресс не стоит на местеНа сегодняшний день многие люди предпочитают совершать покупки, не выходя из дома. Примером этого может быть интернет-магазин мужских […]
  • Минигостиницы в ЛазаревскомМинигостиницы в Лазаревском Раздел: | Дата: Минигостиницы в ЛазаревскомЭто избавит вас от лишнего шума и суеты, а ведь именно об этом мечтают люди, отправляющиеся в отпуск на море. Отель «Best» окружит вас […]
  • Преимущества создания англоязычной версии сайтаПреимущества создания англоязычной версии сайта Раздел: | Дата: Английский язык - самый популярный язык в мире по количеству носителей языка. Это объясняет решения, принимаемые все большим количеством компаний, переводить свои […]
  • Белое SEO продвижение сайтов в МосквеБелое SEO продвижение сайтов в Москве Раздел: | Дата: О белых, серых и черных методах продвижения говорят много: черные методы – те, что запрещены по лицензии поисковых систем, серые – собственно то, что не […]
  • Выбираем потолок на кухнюВыбираем потолок на кухню Раздел: | Дата: Выбираем потолок на кухнюК выбору отделочных материалов для любой комнаты стоит подходить основательно. Особенно это касается самого популярного места в доме – […]
  • Самодельные окна.  Конструкции самодельных оконСамодельные окна. Конструкции самодельных окон Раздел: | Дата: Самодельные окнаКонструкции самодельных оконУ самодельных окон есть огромное преимущество. Конструкцию и форму самодельного окна можно заказать у индивидуального […]
  • Инструменты электронного мираИнструменты электронного мира Раздел: | Дата: Очень классный инструмент – виртуальные закладки TopPage!В каждом браузере есть экспресс панель, где-то с большим количеством доступных страниц, где-то с меньшим. […]
  • Импотенция в мифахИмпотенция в мифах Раздел: | Дата: Импотенция в мифахСамое страшное, что может случиться с мужчинами, по их мнению, — это импотенция. Особенно это касается мужчин «в возрасте». Многие с тревогой […]
  • Где купить комплект видеонаблюденияГде купить комплект видеонаблюдения Раздел: | Дата: Инфракрасное освещение для видеонаблюденияНовые инфракрасные светодиоды от компании Osram Opto Semiconductors позволяют уменьшить размер осветительных приборов […]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *