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

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

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

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

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

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

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

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

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

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

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

  • Восприятие звука через микронаушникиВосприятие звука через микронаушники Раздел: | Дата: Так как многие студенты пользуются уже проверенным методом, то очередное изобретения человечества пошло многим на пользу беспроводной шпионский микронаушник […]
  • Технологии продвижения товаровТехнологии продвижения товаров Раздел: | Дата: Технологии продвижения товаров на рынке стремительно развиваются. Маркетинговые стратегии разрабатывают новые способы быстрого сбыта, которые охватывают все сферы […]
  • Создание сайтов в WEB-студииСоздание сайтов в WEB-студии Раздел: | Дата: Разработка, создание и раскрутка ресурса считается существенной составляющей в удачном развитии каждого бизнеса. Раскрученный веб-ресурс – это сотни тысяч […]
  • Профнастил и его разновидностиПрофнастил и его разновидности Раздел: | Дата: Довольно широко в строительстве используется такой материал, как профнастил. Он уже давно занял определенное место в данной области, так как считается […]
  • Как очистить очередь сообщений postfixКак очистить очередь сообщений postfix Раздел: | Дата: Для начала давайте разберемся что такое Postfix?Postfix — это агент передачи почты (MTA — mail transfer agent). Postfix – […]
  • Романтик коллекшенРомантик коллекшен Раздел: | Дата: Игривая девушка с большими сиськами тра хается с массажистомМечта многих мужчин любого возраста и статуса – большие мягкие упругие сиськи, длинные ножки и упругая […]
  • Серверы и базы данныхСерверы и базы данных Раздел: | Дата: Что такое Сервер и интернет провайдер?В данной статье мы ответим на вопрос, что такое интернет провайдер. Интернет провайдер - это организация, предоставляющая […]
  • Раскрутка веб-сайтов в ВоронежеРаскрутка веб-сайтов в Воронеже Раздел: | Дата: Как выполняется раскрутка веб-сайтов на начальных этапах?Начало работ по продвижению web-ресурса. Продвижение и раскрутка сайтов в Воронеже по приятным […]
  • Как правильно сделать записать видео с экрана Mac при помощи QuickTime PlayerКак правильно сделать записать видео с экрана Mac при помощи QuickTime Player Раздел: | Дата: Очень часто возникает ситуация, когда необходимо записать обучающее видео или специальный видео-урок с рабочего стола компьютера на Mac OS. В данной статье я […]
  • Netpeak Spider 3.0: производительный инструмент для комплексного SEO-анализа сайтаNetpeak Spider 3.0: производительный инструмент для комплексного SEO-анализа сайта Раздел: | Дата: «Мощный, выверенный, надежный» — слова, которые полностью отражают работоспособность и функциональность еще лучшего, усовершенствованного инструмента Netpeak […]

More from my site

  • Восприятие звука через микронаушникиВосприятие звука через микронаушники Раздел: | Дата: Так как многие студенты пользуются уже проверенным методом, то очередное изобретения человечества пошло многим на пользу беспроводной шпионский микронаушник […]
  • Технологии продвижения товаровТехнологии продвижения товаров Раздел: | Дата: Технологии продвижения товаров на рынке стремительно развиваются. Маркетинговые стратегии разрабатывают новые способы быстрого сбыта, которые охватывают все сферы […]
  • Создание сайтов в WEB-студииСоздание сайтов в WEB-студии Раздел: | Дата: Разработка, создание и раскрутка ресурса считается существенной составляющей в удачном развитии каждого бизнеса. Раскрученный веб-ресурс – это сотни тысяч […]
  • Профнастил и его разновидностиПрофнастил и его разновидности Раздел: | Дата: Довольно широко в строительстве используется такой материал, как профнастил. Он уже давно занял определенное место в данной области, так как считается […]
  • Как очистить очередь сообщений postfixКак очистить очередь сообщений postfix Раздел: | Дата: Для начала давайте разберемся что такое Postfix?Postfix — это агент передачи почты (MTA — mail transfer agent). Postfix – […]
  • Романтик коллекшенРомантик коллекшен Раздел: | Дата: Игривая девушка с большими сиськами тра хается с массажистомМечта многих мужчин любого возраста и статуса – большие мягкие упругие сиськи, длинные ножки и упругая […]
  • Серверы и базы данныхСерверы и базы данных Раздел: | Дата: Что такое Сервер и интернет провайдер?В данной статье мы ответим на вопрос, что такое интернет провайдер. Интернет провайдер - это организация, предоставляющая […]
  • Раскрутка веб-сайтов в ВоронежеРаскрутка веб-сайтов в Воронеже Раздел: | Дата: Как выполняется раскрутка веб-сайтов на начальных этапах?Начало работ по продвижению web-ресурса. Продвижение и раскрутка сайтов в Воронеже по приятным […]
  • Как правильно сделать записать видео с экрана Mac при помощи QuickTime PlayerКак правильно сделать записать видео с экрана Mac при помощи QuickTime Player Раздел: | Дата: Очень часто возникает ситуация, когда необходимо записать обучающее видео или специальный видео-урок с рабочего стола компьютера на Mac OS. В данной статье я […]
  • Netpeak Spider 3.0: производительный инструмент для комплексного SEO-анализа сайтаNetpeak Spider 3.0: производительный инструмент для комплексного SEO-анализа сайта Раздел: | Дата: «Мощный, выверенный, надежный» — слова, которые полностью отражают работоспособность и функциональность еще лучшего, усовершенствованного инструмента Netpeak […]

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

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