Главная / Продвижение сайта / Социальные сети / Кнопки социальных сетей +

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


08.07.2015 20:08831

   Так как добавление иконок происходит с помощью JavaScript-файла, то на сайте не появляются лишние исходящие ссылки.


   Сервис называется Share42.com. Там все очень просто и понятно, но новички сайтостроения обычно не уверены в себе и я попробую для них рассказать последовательность действий.


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


   Далее переходим ко второму пункту, выбираем нужные опции. Тип панели с иконками: горизонтальную или вертикальную. У меня горизонтальная. Затем выбираем кодировку вашего сайта. У меня на этом сайте кодировка Windows-1251, т.е. кирилическая. Если ваш сайт на движке Joomla илиWordPress — выбирайте UTF-8. Язык подсказок — русский. Ну и я убрал галочку в строке Добавить иконку сайта Share42.com.


   Дальше мы видим кнопку, нажав на которую мы сможем примерно увидеть как эти иконки будут выглядеть на нашем сайте. Если нас что-то не устраивает - переделываем. Если все устраивает, жмем на кнопку "Скачать готовый скрипт" и скачиваем сгенерированный скрипт себе на компьютер.
Теперь скачанный скрипт нам нужно установить на наш сайт. На сайте Share42.com переходим во вкладку "Установка", где описано, что нам нужно сделать, чтобы кнопки социальных сетей появились на нашем сайте.


   Первое: распакуем архив. После распаковки мы увидим, что в папке лежат всего два файла: JavaScript-файл и картинка выбранными нами иконками. Затем по FTP закачиваем распакованный архив, папку share42, на наш сайт. Я закачал в корень сайта. Далее указываем путь к только что закаченной папке. Не забываем в конце адреса закаченной папки ставить слеш.
В четвертом пункте выбираем наиболее подходящий тип сайта. Я выбрал статистический сайт без поддержки PHP. Хотя на этом сайте и поддерживается PHP, но другого нам не предлагают. Если ваш сайт на Joomla или WordPress, вы выбираете соответствующий пункт.


   Далее нам предлагают вставить в шаблон нашего сайта приведенный ниже код. Копирум код и вставляем в то место, где мы хотим видеть наши иконки. Если ваш сайт на чистом HTML, вам нужно будет всавить код на все страницы или на те, на которых вы желаете их видеть. Если ваш сайт из блоков — вставте в соответствующий блок.
Для сайта на движке Joomla код нужно вставить в вашем текущем шаблоне по умолчанию >> папка html >> com_content >> article >> в файл default.php.


   Для сайта на WordPress код вставляется в текущую тему в файл single.php.
Двигаемся дальше. Теперь нужно красиво оформить наши кнопочки. В шестом пункте нам предлагают стили, но написал свои. Вы можете сделать так же, подогнав кнопки к дизайну вашего сайта.
Я заключил код скрипта в контейнер DIV и придал ему класс BUTTONS:

Код скрипта

А затем в таблицу стилей (файл style.css моего сайта) добавил следующие стили:
.buttons
{
width: 390px; /* ширина контейнера div */
font-size: 13px; /* размер шрифта */
font-weight: bold; /* стиль текста: жирный */
padding-left:15px; /* отступ от левой границы блока */
padding-right:15px; /* отступ от правой границы */
padding-bottom:10px; /* отступ от нижней границы */
margin-top:10px; /* отступ блока от верха */
margin-bottom:10px; /* отступ от низа */
margin-left:78px; /* отступ блока от левого края страницы */
border:1px solid #CCC; /* толщина и цвет рамки */
background: #ECECEC; /* фоновый цвет */
}

.buttons a
{
border: none;
opacity:0.6; /* прозрачность: 60% */
}

.buttons a:hover
{
border: none;
opacity:1.0; /* прозрачность при наведении: 100% */
}

Так же в контейнер DIV можно добавить какой-либо текст.


Архив , Кнопки , Скрипт , Социальных Сети , Файлы





«Кнопки социальных сетей +» - Похожие страницы

Китай обогнал Европу в развитии сетей 4G Китай обогнал Европу в развитии сетей 4G ++ Китaй уже обгоняет Европу по количeству построенных базовых стaнций, сообщила сeгодня лондонскaя The Financial Times. Прeдставители европейских компаний прeдупреждают, что это отставaние может увеличиться в ...
Как заработать в социальных сетях? Как заработать в социальных сетях? Тема заработкa в социальных сетях на сeгодняшний день становится всe более популярной. Предлагаем посмотрeть, какие же предлагаются вариaнты работы в социальных сeтях и самое главное - сколько за неe можно п...
Растет количество спама в социальных сетях Растет количество спама в социальных сетях++ За 2013 год в социальных сетях количество интернет-спама выросло на 355%, если сравнивать этот показатель с последним кварталом 2012 года. Каждое двухсотое  сообщение в  Twitter, Facebook, а также  других со...

Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям