Как сделать баннер блога (сайта)

Рано или поздно каждый начинающий веб дизайнер или владелец сайта приходит к мысли о том что ему необходима качественная и красивая реклама сайта. Для этого существует немало возможностей и инструментов. Но пожалуй самым традиционным и действенным способом такой рекламы (раскрутки) сайта является – баннерная реклама. Но здесь возникает вопрос, а как сделать баннер для сайта самостоятельно, так как на начальном этапе бюджет сайта сильно ограничен, и поэтому не каждый владелец готов заплатить фрилансерам за изготовление баннера. Оказывается, сделать баннер для сайта не такое уж и сложное дело и очень близкое по технологии с таким процессом как сделать шапку для сайта, при этом мы ведем речь о статичном баннере. (информация с сайта http://fb.ru/article/3585/kak-sdelat-banner-dlya-sayta-samostoyatelno)

Я пошла самым простым путем — нашла сайт, который помогает создавать баннер бесплатно. Этот сайт мне помогла найти моя виртуальная подруга Касатина Татьяна, Татьяна научилась делать баннер сама, научила и меня, за что ей ОГРОМНЕЙШЕЕ СПАСИБО!!!! И теперь я объясню Вам, как это можно сделать быстро и легко!

Итак, Вы идете по ссылке и видите простую форму для заполнения:

Баннер я создавала в фотошопе, использовав коллекцию рисунков из открытых источников Интернета. Затем добавила этот рисунок в библиотеку Медиофайлов админки блога для того, чтобы получить ссылку на его адрес. Заполнила всю форму, получила код баннера.

После этого создала новый виджет: в  пункте меню Внешний ВидВиджеты админки WordPress перетащила виджет Текст в боковую колонку в нужное место. Нажала, чтобы он раскрылся, озаглавила его, вставила  полученный на http://reginochka-design.narod.ru/delaembanner.html код:

Вставила полученный код:

<a href=»http://topchiy.com.ua/» target=_blank><img src=»http://topchiy.com.ua/wp- content/uploads/2013/08/novyiy-baner.jpg» border=»0″ title=»Калейдоскоп идей — блог Ирины Топчий» width=200 height=180></a> ( красным цветом выделены размеры рисунка, которые можно изменять, чтобы добиться пропорциональности рисунка)

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

<textarea rows=»4″ cols=»20″ readonly><a href=»http://topchiy.com.ua/» target=_blank><img src=»http://topchiy.com.ua/wp-content/uploads/2013/08/novyiy-baner.jpg» border=»0″title=«Калейдоскоп идей — блог Ирины Топчий» width=200 height=180></a></textarea>

После этого сохраняете виджет и проверяете, работает ли кнопка Вашего баннера.

Удачных Вам экспериментов в  блогостроительстве!

© 2013 — 2016, Ирина Топчий. Все права защищены.

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

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

*