Скрипты-სკრიპტები

მთავარი » 2012 » მაისი » 9 » Создание блока с кодом баннера сайта
16:43
Создание блока с кодом баннера сайта
Создание блока с кодом баннера сайта

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

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

Заливаем баннер в корень сайта


Во-первых вам нужен баннер. Стандартных размеров баннеров несколько, например, 88x31, 100x100 и 125x125 (в пикселях), мы остановимся на баннере 88x31. Специально для этой статьи я создал из логотипа сайта картинку, назвал ее siteucoz, сохранил в формате .png и залил в корень сайта:

Важно:

1. Назвать картинку кратко и латинскими символами (английскими), чтобы код баннера получился не слишком длинный. Для этой же цели картинка заливается в корень сайта (сразу после входа в файловый менеджер).
2. Размер картинки должен быть не очень большим - до 50-100 килобайт, а еще лучше меньше 10 килобайт. Иначе она будет задерживать загрузку сайта пользователей.

Код кнопки


Теперь нам нужно получить адрес картинки, это делается в файловом менеджере, нажатием на название картинки, у меня адрес получился такой:

Сформируем с помощью картинки ссылку на свой сайт:

<a href="http://siteucoz.ru"><img src="http://siteucoz.ru/siteucoz.png" border="0"></a>

В этом коде мы видим ссылку на свой сайт, а вместо текста ссылки наша картинка (баннер). Сформируйте такой же код для своего сайта.

Вставка на сайт


Для создания окошка, с которого можно будет скопировать код баннера нам поможет тег:

<TEXTAREA class="TEXTAREA" rows="4" cols="25">Код баннера</a></TEXTAREA>

Вставляем вместо слова "Код баннера" код, который создавали на шаг раньше:

<TEXTAREA class="TEXTAREA" rows="4" cols="25"><a href="http://siteucoz.ru"><img
src="http://siteucoz.ru/siteucoz.png" border="0"></a></a></TEXTAREA>

У нас получилось окошко с кодом сайта, теперь осталось только вставить пример кнопки и заголовок, можно сделать, например, так:

<h3>Наша кнопка</h3>
<div align="center">
<a href="http://siteucoz.ru"><img src="http://siteucoz.ru/siteucoz.png" border="0"></a><br>
<textarea class="TEXTAREA" rows="4" cols="25">&lt;a href="http://siteucoz.ru"&gt;&lt;img src="http://siteucoz.ru/siteucoz.png" border="0"&gt;&lt;/a&gt;</textarea>
</div>
კატეგორია: Скрыпты | ნანახია: 420 | დაამატა: nukria | რეიტინგი: 0.0/0
სულ კომენტარები: 0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[ რეგისტრაცია | შესვლა ]
მოგესალმები Гость