Главная » Статьи » Интернет » Веб-программирование

Как добавить кнопку на страницу сайта

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

 Интернет становится все более интерактивен, и пользователи все чаще начинают взаимодействовать друг с другом через самые разные сайты, используя свои аккаунты в социальных сетях – таких, как ВКонтакте, Facebook, Одноклассники, и другие. Практически на каждом сайте теперь в конце статьи имеется несколько кнопок, нажав на которые, вы можете оперативно поделиться понравившимся материалом с друзьями в своем аккаунте. Установить кнопки социальных сетей вы можете и на свой собственный сайт.

 

  •  Вы можете пойти простым путем и установить готовые кнопки, коды javascript, которых имеются в соответствующих разделах на сайтах социальных сервисов. Однако javascript существенно снижает скорость загрузки страниц, особенно, если таких элементов на странице много, а также такой формат кнопки не позволяет изменять ее размер и делать все кнопки одинаковыми и аккуратными.

 

  •  Если вы владеете Photoshop, вы можете сделать кнопки в виде графических файлов, скачав из Интернета иконки популярных социальных сетей и доработав их до одинаковой ширины и высоты.

 

  •  Все, что вам понадобится сделать – это добиться того, чтобы при нажатии на графическую кнопку информация размещалась в вашем аккаунте в соответствующей социальной сети. Используйте обычный системный блокнот для открытия php-файлов.

 

  •  Все коды кнопок добавляйте в файл single.php или index.php, и формируйте код следующего вида, для соблюдения общего стиля всех кнопок, коды которых вы сформируете и вставите в тег: <div class=”buttons”> коды кнопок  </div>.

 

  •  Стиль оформления всех кнопок задается через файл  style.css.

 

  •  Установите кнопки нескольких наиболее популярных социальных сервисов с функцией «поделиться с друзьями» и «разместить материал на своей странице», а также при желании добавьте ссылки на собственные профили в тех же социальных сетях, чтобы посетители вашего сайта могли легко находить с вами контакт.

 

 

Категория: Веб-программирование | Добавил: rafter (14 Января 2014)
Просмотров: 612 | Теги: link, ссылка, интернет, Одноклассники, Кнопка, сайт, facebook, вконтакте, button | Рейтинг: 0.0/0
Новости
Вход на сайт
Статистика