Главная » WordPress » Красивые социальные кнопки для сайта

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

кнопки для сайта

Сегодня, каждый блогер использует социальные кнопки для сайта. Кто-то ставит плагины, кто-то использует сторонние сервисы, я же предлагаю вам небольшой код социальных кнопок, который подойдет для любого сайта. 

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

социальные кнопки для сайтаЭто не финальный результат, вы сможете изменить их под себя (цвет, размер блока, редактировать надписи «ВКонтакте, Твиттер, Facebook, Google +»). Что требуется сделать, чтобы у меня на сайте были такие кнопки? — спросите вы. Все очень просто, следуйте пунктам ниже.

  • Вставка кода кнопок

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

Вместо «Код кнопки» вставляйте свои коды социальных кнопок.

  • Вставка стилей кнопок

А этот код, вставьте в ваш файл стилей (style.css или main.css и тд.):

  • Почти готово! Остались иконки:

Скачать иконки для кнопок

Из скачанного архива загрузите иконки на хостинг в папку «icons» или отредактируйте пути файлов на свои. Теперь, у вас красивый блок кнопок социальных сетей! Наслаждайтесь :)

 

6 Комментарии

  1. Серёжа, спасибо))) Как раз думаю от плагина очередного избавиться))) :twisted:

  2. Серёжа, а как туда ещё счётчик впихнуть?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Можно использовать следующие HTML-теги и атрибуты: <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="">