Классные кнопки соц. сетей для сайта! А у тебя таких нет!

добавить кнопки соц сетей, кнопки соц сетей для сайта, скрипт кнопок соц сетей

Здравствуйте, читатели этого блога!

Сегодня мы поговорим о том как добавить кнопки соц сетей на сайт, используя небольшой скрипт! Научимся его устанавливать и редактировать, и так сказать — разберем его небольшую структуру!

Ну во-первых, я пишу этот пост по заказу одного моего не просто читателя, но и хорошего друга — Лары Мазуровой! Она тоже ведет свой блог в сети под оригинальным названием Интернет Капуста.

Ну начнем с того, что это не те кнопки — «поделись с друзьями»! Это скорее всего кнопки, которые ведут на ваши социальные аккаунты (ваши персональные страницы в соц.сетях). А также эти кнопочки особенные:)

Чем же они особенные? А вот смотрите:

Кнопки соц. сетей для сайта

Кстати, на видео вы увидели какой-то чужой сайт — не пугайтесь, это мой новый шаблон! Жду ваши оценки и комментарии по этому поводу!

А чтобы вам проще было это сделать, я предоставляю вам скриншот старого шаблона (просмотреть старый шаблон)…

Ну, а новым вы и так сможете любоваться теперь каждый день! Со временем я буду его дорабатывать и он станет еще лучше!

Ну что, поехали дальше!

Как установить скрипт кнопок соц. сетей?

Ну здесь все просто и долго заморачиваться не нужно! Вообщем, все как вы любите!

Вот и сам скрипт:

  •  Вместо слов «ССЫЛКА НА ВАШ ПРОФИЛЬ в фейсбук» и т.д. вставляете ссылки на свой профиль.
  • Вместо слов «ПУТЬ К КАРТИНКЕ RSS» и т.д. вставляете ссылки на картинки (кнопочки).
  • Можете сменить надпись кнопки при наведении мышки здесь — «Grab Our Rss Feed» и т.д.

Скачать кнопочки можете здесь!

Где брать ссылки на кнопки: загружаете на свой сайт, а дальше можете посмотреть видеоролик в этой статье (там я копировал такую ссылку для плагина):

Урок 1. Как сделать прокрутку на сайте: вверх, вверх-вниз с помощью специальных плагинов?

P.S. В конце статьи я добавил видеоурок!

Так же как и у всех остальных скриптах, что мы уже рассматривали — здесь вы можете поставить свои уникальные кнопки соц. сетей, не используя стандартный набор! А также можете сделать замену на кнопку другой социальной сети (например: кнопку Rss на кнопку ВКонтакте)!

После всех изменений добавляем наш код в его любимое место — сайдбар! Заходим в панель управления сайтом — внешний вид — виджеты!

А специально для того, чтобы вам было все понятно и по просьбам читателей, я даю вам небольшой видеоурок по выше сказанному:

Как добавить кнопки соц. сетей себе на сайт!

Извините меня друзья, но видео без моей озвучки!

А также я не добавлял в принципе никаких всплывающих текстовых подсказок, а зачем? Выше написана целая статья!

Хотите чтобы я делал нормальную озвучку и не отмазывался текстовыми подсказками, тогда подписывайтесь на мой блог — я оценю это и буду выпускать классные видеоуроки!

А после Нового Года еще и видеокурсы!

Кстати, с Наступающим вас! Всего хорошего, счастья и успехов в жизни!

Да, речь тоже небольшая — я не любитель толкать большие речи на счет поздравлений — так что уж простите! Ну вы же сюда не за моими поздравлениями пришли!

Возможно — это последняя статья в этом году! Эх, так быстро — а столько еще хотелось сделать! Но ничего в следующем году все нагоним!

P.S. Смотрите какие я научился делать 3d коробки по сравнению с первой:

База трастовых сайтовБаза трастовых сайтов

Кстати, это не просто коробки — это реальная «База трастовых сайтов», которая находится здесь!

И такую коробку я сделал с первого раза, представляете что я потом смогу? Кстати, у меня объявляется новая услуга: делаю различные обложки, 3D коробки под заказ — ну или договоримся!

Первую коробку я делал, когда был совсем еще «зеленый»!

Ну как вам статья? Скрипт кнопок соц. сетей порадовал вас? Вы поняли как добавить кнопки соц. сетей себе на сайт?

Поделитесь с друзьями полезностями!

На этом у меня все, всем добра!

 С уважением, автор блога ИНТЕРЕСНО О ПОЛЕЗНОМ

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

Хотите подписаться на обновление блога по почте?

Обсуждение: оставлено 23 коммент.
  1. Лара:
    Влад, решила сделать обход блогов перед новым годом и тут статья про кнопочки!!! Вот так сюрприз, я же давно хотела.

    После нового года прочту всё внимательно, а сейчас пока пора за стол!!!

    С наступающим!!!

    Ответить
    • Vlad:
      Ну так статья по твоему запросу и написана!

      Спасибо за поздравления, тебя также!

      Ответить
      • Лара:
        Спасибо, Влад!
        Ответить
  2. Кирилл:
    Классные кнопки, даже посетителей на сайте задержать могут!
    Что касается нового дизайна, то он тоже мне очень понравился. Блог стал выглядеть на много лучше прежнего! :) Только нужно добавить миниатюры статей на главную, а то немного скучновато выглядит.
    Ответить
    • Vlad:
      Что да, то да!

      Как считаешь: добавить миниатюры и оставить так, или сделать так как на старом шаблоне было?

      Ответить
      • Кирилл:
        Без картинок на главной странице как то скучновато, лучше добавь. :)
        Ответить
        • Vlad:
          Ты меня немного не понял, но ладно…
          Ответить
  3. Лара:
    Влад, я согласна с Кириллом, добавь миниатюры!
    Ответить
    • Vlad:
      Ок, исправлюсь!
      Ответить
    • Бахадур:
      Здравствуйте очаровательная прекрасная Лара позвольте поздравить Вас с Новым годом и пожелать вам всех благ. Меня зовут Бахадур я начинающий ИТ-IT-ник
      Ответить
      • Лара:
        Здравствуйте, Бахадур! Спасибо за поздравление! Я тоже поздравляю Вас с Новым Годом и желаю всего самого наилучшего!

        Только это блог Влада, моего друга-блоггера, а Вас я приглашаю в гости на мой блог, попасть на который можно, кликнув на аватарку или в начале статьи нажать на ссылку: Интернет Капуста. :)

        Ответить
  4. Надежда:
    Кнопка «просмотреть старый шаблон» выдает 403 ошибку.
    А в старом шаблоне были смайлики в комментах?
    Ответить
    • Vlad:
      Смайлики были, а здесь я еще не успел поставить! Спасибо, что напомнили!

      Странно, что ссылка не работает! У меня все показывает! Нужно будет исправить эту ошибку!

      Ответить
  5. Артём Черкасов:
    У меня такие были на blogger блоге больше года назад =)
    Кстати у меня на блоге новогодний порыв, статья за статьёй.
    P.S. шаблон неплохо сменил, но мобильная версия на андрофоне так себе получилась, сайдбар уехал вниз и идёт как продолжение сайта.
    Ответить
    • Vlad:
      Да, небольшой косяк! Я и не знал, что данный шаблон не оптимизирован под мобильные устройства…
      Ответить
      • Артём Черкасов:
        Ну либо попытайся сам его как-то оптимизировать или ставь новый ;)
        Ответить
        • Vlad:
          Идеально:) Ты считаешь, что мобильная оптимизация так важна?
          Ответить
          • Артём Черкасов:
            Ну, это нужно смотреть по статистике.
            Там есть раздел ОС.
            Вот у меня на блоге за декабрь примерно 10-15% посетителей использовали мобильную версию блога.
            Кстати вспомнил, есть специальный плагин, он делает красивую мобильную версию, правда шаблон один и тот же у этого плагина для всех блогов =)
  6. Юрий Бараковский:
    Хорошие кнопочки, мне понравились.
    Ответить
  7. Артём Черкасов:
    Ну и где новые статьи? =)
    Ответить
    • Vlad:
      Все будет! Брал небольшой отдых от интернета, вот вернулся:)
      Ответить
      • Артём Черкасов:
        У меня отдых от интернета начнётся одновременно с окончанием отдыха от учёбы =)
        Ответить
  8. Александр:
    Да — это то что надо!!!
    Ответить
Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

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

Топ комментаторов!
Мой мир@mail.ru
Постила.ru
© 2017
Яндекс.Метрика