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

Share42.com– Классный онлайн сервис, который поможет нам в нашем деле. Хочу выразить благодарность его создателям за такое полезное изобретение.

Так, для начала переходим на сайт и переходим к настройкам:

1.Выбираем размер устанавливаемых иконок

 

• 32×32 px

• 24×24 px

• 16×16 px

 

Так, теперь выбираем какие иконки вам нужны. У меня стоят иконки Twitter, Вконтакте, Facebook, Google+, LiveJournal, Blogger. Вы конечно выбираете кнопки которые нужны вам и ещё один важный момент, выставите кнопки в нужном вам порядке иначе они будут стоять в разнобой, делается это простым перетаскиванием.

2. Выберите опции кнопок

 

• Горизонтальное или вертикальное расположение кнопок, если выберите вертикальное, то  кнопки будут плавать, как это будет реализовываться можно посмотреть на самом сайте. Там кнопки плавают по левой стороне.

• Кодировка – у меня wordpress по этому кодировка utf-8.

• Язык подсказок конечно Русский.

• Если есть желание поставьте  в благодарность кнопку на этот сервис рядом с другими кнопками.

• Если вы решили поставить кнопку на RSS то нужно указать ссылку на RSS вашего сайта.

   

  

  3. Скачиваем архив

  Жмём по кнопке «Скачайте готовый скрипт» и сохраняем архив на рабочий стол.

  

  4. Закачиваем файлы на сервер

  Далее архив нужно распаковать и закачать папку «share42» в корень нашего сайта. Путь до папки я не прописывал и в пункте «Выберите наиболее подходящий тип сайта» выберите пункт WordPress, если у вас другой движок, то выберите свой.

  

  5. Размещение кода

  Последний шаг который нужно сделать, это разместить код который будет выводить сами кнопки социальных сетей. Открываем файл single.php и вставляем в нужное место код который нам предоставляют. После вставки кода, не забудьте исправить пути в этом коде. На скриншоте я показал, нужно заменить site.ru на адрес вашего сайта.

  

  По идее всё, если вы сделали все действия верно, то кнопки уже отображаются и ими можно пользоваться.

  6. Размещение css стилей

  Но разработчики сделали ещё кое что, они написали для наших кнопок css стили, ну прям вообще ляпота, хотя я ими не стал пользоваться, а может и нужно?

  

  В чём прикол?… После размещения этих стилей, кнопки будут слегка затемнёнными, а при наведении кнопки станут яркими. Если вы соображаете в css, то подправить стили под себя вам не составит труда. Стили я так понял надо нужно загрузить в файл нашей темы style.css.

  Вот и всё друзья, я вам рассказал как установить кнопки социальных сетей для сайта не используя  плагина и теперь мне не стыдно .

  На связи с вами был, Олег Вьяльцов.

  Read more: http://masterskayaweb.ru/raskrutka/knopki-socialnyh-setej-dlya-sajta-bez-plagina.html#ixzz1tgR1rQls