Совет 1: Как поставить кнопку на сайт

Маленькие баннеры стандартного размера 88 на 31 пиксел в интернете принято называть «кнопками». При обмене ссылками баннеры именно этого размера очень популярны среди вебмастеров. Они занимают очень мало площади страницы, но привлекают больше внимания, чем простые текстовые ссылки. Как поместить такую кнопку на свой сайт?
Инструкция
1
Как правило, интернет-ресурс, предлагающий вам установить такую кнопку на сайте, дает и html-код, который следует вставить в исходник страницы. Чтобы сделать это, сначала откройте код страницы, куда нужно вставить кнопку. Если вы используете для администрирования сайта какую либо из систем управления сайтом, то открыть страницу можно в редакторе страниц, встроенном в эту систему. Обычно такие редакторы имеют два режима - визуальный и режим редактирования HTML-кода.
2
Вам надо переключиться в режим редактирования исходного кода страницы, найти место, куда вам хочется вставить кнопку, затем открыть в другом окне браузера сайт-донор этой кнопки и скопировать оттуда html-код для вставки. Иногда такой код присылают по почте - значит скопируйте код из текста письма.
3
После этого вставьте код в свою страницу и сохраните изменения.
4
С самой картинкой баннера-кнопки возможны два варианта - по условия обмена ссылками она либо хранится на сайте вашего партнера, либо должна быть размещена на вашем сервере.
5
В первом случае вам дополнительно ничего делать не потребуется, а во втором нужно скачать изображение с сайта партнера (щелкнуть правой кнопкой и выбрать «Сохранить как») и залить на свой сервер. Сделать это можно с помощью файл-менеджера системы управления сайтом или панели администрирования хостинга.
6
Если сайт, ссылку на который вы устанавливаете, не предоставляет html-код, то вы можете написать его сами, это совсем не сложно. На языке HTML (HyperText Markup Language - «язык разметки гипертекста») тег для отображения картинки пишется так:<img src="image.gif" border="0">Здесь image.gif вам нужно заменить на имя файла картинки, сохраненной со страницы партнера. Этот тег изображения надо поместить внутрь тега гиперссылки:<a href="http://site.ru"><img src="image.gif" border="0"></a>Здесь http://site.ru вам нужно заменить на адрес сайта-партнера. Получившийся код вам следует вставить в страницу так же, как описано выше.

Совет 2: Как разместить кнопку на своем сайте

С обилием социальных сетей интернет-пространство становится все более интерактивным, и поэтому сегодня на большинстве веб-сайтов присутствуют кнопки самых распространенных социальных сетей, с помощью которых посетители сайта могут быстро и эффективно сохранить понравившуюся информацию и поделиться ею с друзьями. Размещение подобных кнопок на сайте сделает ваш проект более посещаемым, популярным и современным – чем больше людей воспользуются вашими кнопками, тем более узнаваемым станет ваш веб-сайт.
Инструкция
1
Разместить у себя кнопки социальных сетей несложно. Один из способов сделать это – воспользоваться поисковой системой Яндекс, которая предоставляет веб-мастерам возможность выбрать и настроить кнопку для социальной сети – в распоряжении имеются Вконтакте, Facebook, Одноклассники, Twitter, МойМир и другие.
2
Зайдите в Яндексе на соответствующую страницу, на которой вы выберете кнопки, которыми можно поделиться с друзьями. Скопируйте HTML-код кнопки и вставьте его на сайт.
3
Если ваш сайт создан на движке WordPress, используйте либо предложенный вариант, либо воспользуйтесь специальным плагином, который устанавливает на сайты WordPress кнопки для социальных сетей. Плагин можно скачать в сети, а после закачки его нужно разархивировать.
4
Откройте папку Share Buttons, в которой лежат файлы плагина, скопируйте папку целиком и установите ее на сервере вашего сайта в директорию wp-contentplugins. Перейдите в раздел администратора, откройте вкладку «Плагины» и активируйте появившийся в списке плагин Share Buttons. Настройте все кнопки и нажмите «Готово».
5
Установить на сайт кнопку Twitter очень просто – перейдите на сайт tweetmeme.com и найдите на нем раздел настройки и установки кнопки ретвита для своего сайта. Укажите любой вариант расположения кнопки, который вам нравится и скопируйте код обыкновенной или компактной кнопки для ретвита.
6
Для того чтобы установить на сайте кнопку Google Buzz, откройте сайт этой социальной ленты и выберите также код подходящей вам кнопки, чтобы установить его на нужную страницу сайта. По такому же принципу устанавливаются кнопки для Facebook, которые можно скопировать на странице для разработчиков.
7
Если готовые иконки, предлагаемые сайтами, не устраивают вас по дизайну или не подходят к компоновке вашей веб-страницы, создайте собственные иконки в Фотошопе и подставьте новые изображения в исходный код кнопок социальных сетей.
Видео по теме
Как добавить кнопки поделиться (нравится) на сайт
Связанная статья
Как добавить кнопки поделиться (нравится) на сайт
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500