В закладки
База плагинов jQuery

Множество различных jQuery примеров, элементы CSS
и большое количество других инструментов для Вашего сайта!

> > Создание социальных кнопок для сайта без плагинов
-->

28-12-2016

Статьи

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

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

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

 

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

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

 

Страница сайта share42.com

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

Во втором пункте выбираем нужные нам опции. Здесь также можно выбрать тип панели с иконками, горизонтальная или же вертикальная. Вертикальная если поставите, то она будет плавать по всей странице, ну в смысле, когда листаете страницу вниз или вверх она вместе с вами двигается. Горизонтальную можете поставить после статьи или же перед статьей, это решать уже вам. Кодировку для сайта, естественно, выбираем UTF-8. По желанию, можете добавить иконку сайта share42.com. Если у вас на сайте подключен jQuery можете поставить галочку, если сомневаетесь оставьте поле пустым. В третьем пункте можете посмотреть, как будет выглядеть ваши иконки. Далее, когда вы выбрали иконки на первом пункте, выбрали нужные опции, теперь скачиваем готовый скрипт. Я выделил красной линией. Нажмите на кнопку, и начнется загрузка скрипта. После распакуйте архив. Теперь переходим к четвертому пункту.

 

После распаковки скачанного файла, загрузите всю папку share42 на сайт по FTP. Как загружать по FTP читайте здесь. Я положил папку в корень сайта. Как только скопировали папку, пропишите адрес до него по указанной стрелке. Здесь указан пример. Если вы положили в корень сайта, то вместо site.name напишите свой адрес сайта. Далее можно проверить их, под этой ячейкой вылезает маленькая ссылка до вашей папки. Нажмите на нее, если открываются коды, то у вас все правильно сделано, если не открываются значит неправильно показали путь до папки. Далее выбираем тип сайта wordpress и вставляем в шаблон сайта код, который указан стрелкой ниже. Я поставил этот код после текста. Также я выделил красной линией параметры. Нажмите на нее, там все ясно описано, как можно добавлять другие коды.

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

Читайте так же:

Здесь нет еще ни одного комментария...

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

SEO-продвижение

Автоматическое продвижение сайта в TOP.

Если Вы нашли ошибку в тексте, пожалуйста, выделите область и нажмите Ctrl + Enter.

Последняя версия jQuery:

Скачать
v.1.4.1 или v.3.0.0

Небольшое руководство по тому, как скачать самую актуальную версию библиотеки jQuery, а также рекомендации по подключению скрипта.

Популярное за неделю:

Шаблоны:

Подборки интерфейсов:

^