Как сделать баннер для своего блога



Баннер для блога: поможет программа Mybannermaker


Доброго времени суток! Сегодня мы с Вами будем учиться делать баннер для своего блогаКак Вы сами понимаете, чтобы продвинуть свой проект в сети, баннер один из способов это сделать. В поиске информации по этому вопросу, я набрела на программу "Mybannermaker".

Что мне понравилось, что эту программу не надо устанавливать, да ещё и баннер можно сделать бесплатно. И сделать, как оказалось, не составило особого труда. Открываешь, и сразу можно приступить к работе. Итак, набираем в адресной строке браузера вот такой адрес:

www.mybannermaker.com

И жмем Энтер на клавиатуре, или набирайте в поисковике. Откроется список программ, выбираем ту, что нам нужна и попадаем вот сюда:


Нажимаем на Size в панели инструментов


Здесь перед Вами откроются шаблоны Вашего будущего баннера. Прокрутите страницу вниз и выберите размер баннера, запомните его.

Дальше нажимаем на Background и выбираем цвет нашего баннера верхний и  нижний, или один цвет. Настраивайте по вашему вкусу.

Здесь же можно загрузить картинку с компьютера - выбрать файл - для баннера, я просила запомнить размер выбранного баннера, так вот картинка по размерам должна совпадать с размером баннера


Цвет выбрали, теперь переходим в меню Текст


Во второй строке будет надпись, сотрите и напишите свой текст. Я написала как образец - Мой баннер, в одной строке.  Если у вас текст больше, чем одна строка, пишите в первой, второй и.т.д.  Дальше выбираем шрифт, у меня он белый. Вы можете выбрать любой. Слева от шрифта можно выбрать его цвет. Справа его размер. Прокрутите страницу вниз, здесь можно отрегулировать расположение Вашего текста в горизонтальном и вертикальном порядке.

Теперь переходим в Border и выбираем цвет рамки для нашего баннера
Нажимаете на изменить цвет (в красном квадратике).
Выше в строке регулируете размер рамки.


Цвет выбрали, теперь переходим к спецэффектам.
Нажимаем на Effeects


Выберите блеск или мигающий текст, нажимайте по всем предложенным эффектам, конечно выбор небольшой, но на первое время сойдет.

Переходим к сохранению нашего баннера.
Жмем Save, нас перебрасывает вот сюда


Здесь в строке, которую я обвела красным, мы ничего не будем трогать. Это адрес программы, мы поменяем его позже на свой. Дело в том, что я вписала сюда адрес своего блога, но программа не сохранила мой блог. Это логотип программы, и избавиться от этой строки можно лишь в том случае, если становитесь VIP компании. 

К сожалению на баннере логотип также присутствует, по всей вероятности мы должны согласиться с условиями, ведь создание баннера бесплатно. Придется эти условия принять. Теперь прокручиваете страницу вниз и нажимаете Сохранить баннер. Вас перебросит сюда


Нажимаем вкладку Freel
и получаем наш баннер с кодом


Теперь этот код нам необходимо скопировать.

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


Здесь нам необходимо отредактировать наш код. Вообще, чем мне нравится редактор сообщений, что он сам его отредактирует. Мы только впишем адрес нашего блога, (обведено красной чертой сверху) удалим всё, что написано после атрибута  ALT,  и ALT  тоже, и впишем после gif" border=0/></a> и все. Дальше нажимаем создать - и получаем наш баннер.  Чтобы вставить баннер,  например в гаджет блога, делаем способом копирования: 

В редакторе HTML - выделить все - копировать и - вставить - в нужное место макета блога. Рекомендую сохранить баннер на жестком диске в компьютере, хотя я пока коды своих баннеров храню в черновиках страниц блоггера, очень удобно, скопировал код, и вставил. Но надо заняться и переместить  на диск.  Надеюсь, я Вас не очень утомила. 

Вы, чтобы было удобней разобраться, кликните по одной картинке, они все откроются в новом окне, в увеличенном виде и будет более понятно. Вот вроде и все.

Можно сделать баннер для сайта или блога на фоне картинки. Об этом Читайте дальше.

Как узнать адрес баннера своего блога Читаем здесь

Почитайте в моем новом посте  как сделать баннер в программе Баннер Студия.


Преобладающие цвета баннеров

Красный на зеленом;  Красный на желтом;  Красный на белом; Синий на белом; Черный на белом;  Черный на желтом; Зеленый на белом; Зеленый на красном; Оранжевый на черном;  Оранжевый на белом; 


Автор статьи ✎ Olga Protasova Выпуск ✹ 6/05/2013 Ярлыки ►


Открыть комментарии →

6 коммент. :

  1. Анонимный16/8/13 17:23

    Все очень чудесно, но адрес сайта на картинке баннера - не есть хорошо пришлось обрезать. СПАСИБО!

    ОтветитьУдалить
  2. Мне самой логотип не очень нравится, но за бесплатное чем то надо платить. Попробуйте в конструкторе баннеров по адресу: www.lact.ru/banner
    Хотя там, по моему, справа тоже что то есть.

    ОтветитьУдалить
  3. У меня банер остался в сообщении а как теперь на панельку его поместить не соображу((

    ОтветитьУдалить
    Ответы
    1. Здравствуйте Татьяна, после редактирования, когда впишите свой адрес блога, после gif" вставите border"дальше смотрите по записи в моем посте. Адрес изображения баннера будет другой, созданый Вами. Удалите адрес программы и остальное, как показано на последнем скриншоте, посмотрите еще раз внимательно. Затем копируете отредактированный код баннера в редакторе сообщений, в HTML, и вставляете гаджетом в любое место макета блога, или где Вы хотите разместить свой баннер.

      Удалить
  4. Оля, программкой, о которой я писала намного легче сделать баннер и возможностей больше. Обязательно попробуйте, вам очень понравится=) Я в восторге! О впечатлениях напишите на своём блоге=) Удачи всем и с Новым 2015 годом!

    ОтветитьУдалить
    Ответы
    1. Оля, конечно напишу, интересно попробовать. А то я создала для всех своих блогов без анимации, баннер "висит" без движения, а с анимацией сразу обращаешь на него внимание.

      Удалить


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *