Пример подключение таблицы CSS
 
12.12.2017 Мои статьи 1100 11 Trt_87Y
Плавающая панель с кнопками соц-сетей

Здравствуйте друзья! , сегодня речь пойдёт о красивой и элегантной панельке с кнопками соц-сетей разработанная сервисом Share42. В наше время без кнопок соцсетей не обходится не один сайт,на какой бы вы сайт не зашли, вы обязательно встретите кнопки соцсетей,если не на главной странице,так внутри сайта где нибудь в конце статьи предлагают поделится страницей в сетях, тем самым кнопки соцсетей расположенные на странице сайта дают возможность дать дополнительный трафик сайту,дополнительный прирост посетителей на сайт-это неотемлимая часть продвижения сайта.

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

Достоинства сервиса Share42

 

 

1. Симпатичный внешний вид, Здесь вы сами выбираете набор подходящих вам кнопок и размер.(большой выбор элегантных кнопочек). 

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

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

4. Быстро и легко устанавливается и настраивается.

Настройка панели Share42

1. Первое, что потребуется сделать это перейти на сайт Share42— и выбрать социальные кнопки, которые вы будете использовать в дальнейшем на своём сайте. Не забудьте о возможности использования дополнительных кнопок, таких как: «Наверх», «RSS», «Избранное браузера» (кнопки разрешается перетаскивать, тем самым, задавая порядок их отображения в будущей панели; выбрать кнопку, можно кликнув левой кнопкой мыши по иконке).

 

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

Хотите поддержать автора проекта? Оставьте иконку сайта Share42.com, в противном случае снимите птицу. Добавьте ссылку на RSS ленту (если выбирали).

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

Установка скрипта на сайт

Распакуйте скачанный ранее архив и загрузите папку share42 (в ней находятся 2 файла: «share42.js» и «icons.png») на сайт (например, у меня получилось следующее — http://www.zarabotok11.ru/share42, корневая директория в которой папка со скриптом)

Обязательно проверьте работоспособность скрипта, перейдя по ссылке. Если увидите кучу непонятных для вас символов — все правильно!  На этом мы заканчиваем с настройками и переходим к установке.

Нам предлагают вставить HTML код в шаблон сайта, что мы и сделаем! Копируем  и вставляем этот код в те страницы на которых хотите видеть  отображение панели с кнопками

 

Код HTML для вставки: 

Рассмотрим расстояния:

top1="150" — расстояние от начала страницы до плавающей панели (размер указывается в пикселях «px»)

data-top2="20" — расстояние от верха окна браузера до панели (при прокрутке, размер в «px»)

data-margin="0" — этот параметр отвечает за горизонтальное перемещение панели ( чтобы сдвинуть влево, указываем значение с минусом, например, data-margin="-50", сдвинет панель на 50 пикселей влево, вправо аналогично, только без минуса.

Советую использовать бесплатную, маленькую программку JRuler, которая помогает измерять расстояние в пикселях.

 

Осталось придать панели эстетичный вид, дабы она вписывалась в дизайн сайта. Для этого в файл style.css (стили) добавим следующее:

Прозрачность (opacity) и цвета (background) настройте под себя. Готово! Теперь у вас на сайте или блоге привлекательные кнопки социальных сетей и закладок без использования плагинов.

 
 
 
11 комментариев
1 2 »
Like 0
Написано 03.11.2016 в 22.38.41
Комментарий №11
Какой большой выбор кнопок! Многие мне и незнакомы даже. Действительно, это очень удобно для владельца сайта и для посетителей, когда есть такая панель с социальными кнопками. Ведь на самом деле дело нужное и полезное - делиться с друзьями в соцсетях интересной информацией, которая находится на сайтах. Мне удобнее всего пользоваться кнопками самых посещаемых "В контакте" и "Одноклассники".
Like 0
Написано 16.10.2016 в 12.28.12
Комментарий №10
Панель кнопок действительно совсем не раздражает, она очень удобна и теперь не могу без нее обходиться. Статья помогла разобраться в правильном пользованию ей. Думаю, в дальнейшем она очень поможет при работе и посещении интернета.
Like 0
Написано 07.10.2016 в 16.27.16
Комментарий №9
Настройка Сервиса Share42 сделает более комфортным Сайты а возможность ставить кнопки как в горизонтальном так и в вертикальном положение добавит удобности в настройке красоты интерфейса вашего сайта, в целом сервис думаю будет востребованым
Like 0
Написано 03.10.2016 в 22.04.50
Комментарий №8
Действительно, очень удобно. Что бы разобраться много времени не потребовалось и теперь имею удобную панельку соцсетей!
Like 0
Написано 18.09.2016 в 12.18.54
Комментарий №7
Ну вот решил попробовать и теперь очень удобно сидеть вконтакте,фейсбуке,однокласниках и прочих соц сетях.
Рекомендую к использованию.Следуя инструкции можно очень быстро и качествено все сделать.Сервис просто богоподобный.
Like 0
Написано 17.09.2016 в 22.31.58
Комментарий №6
Прочитав данную статью понял как эта штука работает.
Like 0
Написано 18.05.2016 в 14.15.34
Комментарий №5
Честно говоря кнопки социальных сетей - самый не раздражающий вид рекламы. И довольно таки эффективный. Я долго не могла настроить у себя на странице панельку. Я новичок в этих делах. Спасибо за подробное описание. Не с первого раза и не с третьего, но я все-таки разобралась))
Like 0
Написано 17.05.2016 в 19.46.19
Комментарий №4
Кнопки социальных сетей упрощают жизнь всем -как владельцам сайтов ,так и их гостям . Ведь в современном стремительном мире время-это самые настоящие деньги (а не крылатое выражение ) и не каждый станет заморачиваться и регистрироваться на сайтах .
1-8 9-11
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форум - главная страница