Блог ИТ склеротика. Кнопки социальных сетей для сайта

Страницы

Расширенный поиск в статьях блога

2 мая 2012 г.

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

    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

.

Счетчик тИЦ и PR Яндекс.Метрика Msn bot last visit powered by MyPagerank.NetYahoo bot last visit powered by MyPagerank.Net ping fast  my blog, website, or RSS feed for Free