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

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

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

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

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

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

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

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

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

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

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

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

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

 

Также посмотрите

статистика сайта прозрачная

Прозрачные счетчики сайта (статистика)

Доброго времени суток! Все владельцы сайтов хотят знать, сколько человек посетило их творение. Поэтому, статистика …

10 комментариев

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

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

  3. Хорошая статья

  4. Шикарные кнопочки :smile: Единственное, Google Plus с апреля этого года закрывается.

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

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

Send this to a friend