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

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

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

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

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

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

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

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

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

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

Будем устанавливать на свой вэб-ресурс кнопки социальных сетей с помощью бесплатного сервиса 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

  • Где купить комплект видеонаблюденияГде купить комплект видеонаблюдения Раздел: | Дата: Инфракрасное освещение для видеонаблюденияНовые инфракрасные светодиоды от компании Osram Opto Semiconductors позволяют уменьшить размер осветительных приборов […]
  • Путешествие в историю любовных отношенийПутешествие в историю любовных отношений Раздел: | Дата: Путешествие в историю.Проведя напряженный день на работе и сильно устав, каждый человек мечтает немного расслабиться. Некоторые представляют себе расслабление в […]
  • Маленькая кухня в зеркальном отраженииМаленькая кухня в зеркальном отражении Раздел: | Дата: Маленькие кухни имеют как неприятные недостатки, так и ценные преимущества. Несомненно, однако, что планирование идеального расположения для маленькой кухни может […]
  • Импотенция в мифахИмпотенция в мифах Раздел: | Дата: Импотенция в мифахСамое страшное, что может случиться с мужчинами, по их мнению, — это импотенция. Особенно это касается мужчин «в возрасте». Многие с тревогой […]
  • Раскрутка веб-сайтов в ВоронежеРаскрутка веб-сайтов в Воронеже Раздел: | Дата: Как выполняется раскрутка веб-сайтов на начальных этапах?Начало работ по продвижению web-ресурса. Продвижение и раскрутка сайтов в Воронеже по приятным […]
  • Заказать продукты на дом, купить продукты с доставкой на дом в СпбЗаказать продукты на дом, купить продукты с доставкой на дом в Спб Раздел: | Дата: Компания «Вкус доставка» предлагает услуги по офисной доставке в Санкт Петербурге.Мы доставим в Ваш офис всё — начиная от любых продуктов и заканчивая […]
  • Лучшие любовные асаныЛучшие любовные асаны Раздел: | Дата: Лучшие любовные асаныИзучить всю Камасутру от корки до корки невозможно, но можно последовать примеру страстных индианок и научиться раскрывать свой сексуальный […]
  • Белое SEO продвижение сайтов в МосквеБелое SEO продвижение сайтов в Москве Раздел: | Дата: О белых, серых и черных методах продвижения говорят много: черные методы – те, что запрещены по лицензии поисковых систем, серые – собственно то, что не […]
  • Профнастил и его разновидностиПрофнастил и его разновидности Раздел: | Дата: Довольно широко в строительстве используется такой материал, как профнастил. Он уже давно занял определенное место в данной области, так как считается […]
  • Восприятие звука через микронаушникиВосприятие звука через микронаушники Раздел: | Дата: Так как многие студенты пользуются уже проверенным методом, то очередное изобретения человечества пошло многим на пользу беспроводной шпионский микронаушник […]

More from my site

  • Где купить комплект видеонаблюденияГде купить комплект видеонаблюдения Раздел: | Дата: Инфракрасное освещение для видеонаблюденияНовые инфракрасные светодиоды от компании Osram Opto Semiconductors позволяют уменьшить размер осветительных приборов […]
  • Путешествие в историю любовных отношенийПутешествие в историю любовных отношений Раздел: | Дата: Путешествие в историю.Проведя напряженный день на работе и сильно устав, каждый человек мечтает немного расслабиться. Некоторые представляют себе расслабление в […]
  • Маленькая кухня в зеркальном отраженииМаленькая кухня в зеркальном отражении Раздел: | Дата: Маленькие кухни имеют как неприятные недостатки, так и ценные преимущества. Несомненно, однако, что планирование идеального расположения для маленькой кухни может […]
  • Импотенция в мифахИмпотенция в мифах Раздел: | Дата: Импотенция в мифахСамое страшное, что может случиться с мужчинами, по их мнению, — это импотенция. Особенно это касается мужчин «в возрасте». Многие с тревогой […]
  • Раскрутка веб-сайтов в ВоронежеРаскрутка веб-сайтов в Воронеже Раздел: | Дата: Как выполняется раскрутка веб-сайтов на начальных этапах?Начало работ по продвижению web-ресурса. Продвижение и раскрутка сайтов в Воронеже по приятным […]
  • Заказать продукты на дом, купить продукты с доставкой на дом в СпбЗаказать продукты на дом, купить продукты с доставкой на дом в Спб Раздел: | Дата: Компания «Вкус доставка» предлагает услуги по офисной доставке в Санкт Петербурге.Мы доставим в Ваш офис всё — начиная от любых продуктов и заканчивая […]
  • Лучшие любовные асаныЛучшие любовные асаны Раздел: | Дата: Лучшие любовные асаныИзучить всю Камасутру от корки до корки невозможно, но можно последовать примеру страстных индианок и научиться раскрывать свой сексуальный […]
  • Белое SEO продвижение сайтов в МосквеБелое SEO продвижение сайтов в Москве Раздел: | Дата: О белых, серых и черных методах продвижения говорят много: черные методы – те, что запрещены по лицензии поисковых систем, серые – собственно то, что не […]
  • Профнастил и его разновидностиПрофнастил и его разновидности Раздел: | Дата: Довольно широко в строительстве используется такой материал, как профнастил. Он уже давно занял определенное место в данной области, так как считается […]
  • Восприятие звука через микронаушникиВосприятие звука через микронаушники Раздел: | Дата: Так как многие студенты пользуются уже проверенным методом, то очередное изобретения человечества пошло многим на пользу беспроводной шпионский микронаушник […]

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

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