Зарабатывай со мной
Profit Partner – Есть хороший сайт, тогда добавляй его сюда быстрей
Nolix – Рекламная строчка, которая может приносить хороший доход
Ротабан – Размещай баннеры у себя на сайте и зарабатывай
Продвигайся со мной

Форумок – лучший сервис по покупке лайков, твитов, google+

GoGetlinks – покупка качественных ссылок с ТИЦ от 10

Ротапост – качественные вечные ссылки для ваших сайтов

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

Доброго времени суток дорогие мои друзья, подписчики и посетители блога. Я как всегда вам очень рад!

Кнопки социальных сетей для сайта – Вот сегодня ждёт вас такая темка у меня на блоге. Кто то может сказать «Олег, что за фигня то, ведь такая тема уже была?»…

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

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

Такие кнопки я себе уже поставил давным давно, а рассказать про них как то забыл, но тут решил обновить кнопки и добавить кнопку google + так как без неё сейчас уже нельзя. Всё обновил и тут подумал «Олег, ты себе кнопки социальных сетей поставил, другим то расскажи»…вот я уже пишу :) .

Если вам интересно как эти кнопки буду выглядеть, то вот вам скриншотик. Ну как, симпатично выглядит?…Думаю даже очень.

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

Ребята, впереди ещё множество разных полезностей, подпишитесь на обновления блога и обязательно обо всём узнаете.

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

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.

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

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

P.S: Слава богу закончились эти выборы, а то сил уже не было!

Понравился пост? Так подписывайся, чего ты ждёшь?!

Раскрутка





  1. 05 Мар 2012 из 18:06 | #1

    Спасибо! У меня не получилось с share42, собрал все кнопки сам, правда половину убрал, тормозили слишком сайт. А выборы да…и не выборы вовсе, а так, констатация…

  2. 06 Мар 2012 из 3:35 | #3

    Спасибо поставил здорово

  3. 06 Мар 2012 из 8:22 | #5

    У всех одинаковые кнопочки. Я себе картинки искал сам. Ресурс хорош тем, что сами коды можно получить в одном месте, без длительных поисков! =)

  4. 08 Мар 2012 из 5:07 | #7

    Спасибо, очень кстати, буду менять.

  5. Олег
    08 Мар 2012 из 11:54 | #8

    @InvestProfi
    Пожалуйста, рад что смог помочь!

  6. 09 Мар 2012 из 20:12 | #9

    Интересно;) Надо попробовать, а то никак руки не доходят…

  7. Олег
    10 Мар 2012 из 17:02 | #10

    @tonic
    Конечно надо, кнопочки сейчас очень нужны каждому вебмастеру, так что не тяните!

  8. 03 Апр 2012 из 16:54 | #11

    Неужели ни у кого нет простого варианта установки кода кнопок. Где-то видел, но сейчас не могу найти, была простая установка через виджет.

  9. 16 Сен 2012 из 19:50 | #12

    Хорошая, дельная информация! Вот только я всё «тяну» с этими кнопочками. Надо взяться на досуге.

  10. Anatoly
    17 Сен 2012 из 12:01 | #13

    Спасибо за познавательную статью

  11. Макс
    17 Сен 2012 из 18:19 | #14

    Действительно, соц кнопки — очень важная часть сайта! Если их умело использовать можно гнать достаточно большой траф с соцсетей к себе на сайт!

  12. Дмитрий
    17 Сен 2012 из 22:04 | #15

    Спасибо. Не знал, как установить эти кнопки

  13. Mariya
    19 Сен 2012 из 12:03 | #16

    Очень интресная статья с подробной информацией

  14. 02 Ноя 2012 из 11:54 | #17

    *CRAZY* Нормально, надо попробовать установить на сайт.
    Раньше приходило в голову установить, но всё как то не получалось, то лень по сетям было ходить то скрипт сложный, но теперь нужно попробовать.

  1. Трекбеков пока нет.