12:08 Создание блока с кодом баннера сайта - Раскрутка сайта | |
| Если у вашего сайта есть свой баннер, вы можете предложить вашим посетителям разместить его на свой сайт или блог. Это может дать дополнительный приток посетителей и благоприятно сказаться на позиции сайта в поисковых системах. Отличный способ предложить пользователям установить кнопку своего сайта - это размещение кнопки и ее кода в меню сайта, тогда код будет виден на всех страницах, к тому же неопытные пользователи, которые не разбираются в 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"><a href="http://siteucoz.ru"><img src="http://siteucoz.ru/siteucoz.png" border="0"></a></textarea> </div> | |
|
| |
| Всего комментариев: 0 | |
