Google+ Как быстро сделать gif банер

Как быстро сделать простой Gif-баннер онлайн

Знаете ли вы, как быстро сделать простой Gif-баннер онлайн? Может быть, кто-то и подумает – зачем мне баннер, но поверьте, иногда очень полезно знать, как сделать обычный или Gif-баннер. Баннеры можно использовать для создания красивой ссылки на нужный пост или для раскрутки блога путем обмена баннерами.

Я не очень люблю анимированные баннеры, не люблю когда мелькает перед глазами, но недавно решила провести эксперимент. До недавнего времени, у меня стояла обычная картинка – ссылка на пост об эстафете. Никто на него не обращал внимания. Я решила сделать анимированный баннер. Посмотрю, какой из них эффективнее.

Как быстро сделать gif банер

Есть много сервисов для создания анимированных баннеров, мне нравиться этот — xgif.ru, создающий анимацию онлайн в 3 шага. Очень простой и понятный интерфейс на русском языке. Есть возможность выбирать размер баннера, из предложенных, или выбрать свой размер. В общем, удобно.

А всего-то нужно несколько картинок. Вы можете подобрать картинку по теме и сделать на них надписи с помощью программы для нанесения водяных знаков Fast Watermark,  и загрузить готовую подписанную картинку.

Или загрузить картинку, а уже на сайте сделать надпись. Как вам больше понравиться. Я подобрала картинки, сделала их нужного размера, под свой сайдбар,  и подписала.

Затем загрузила на сайт, выбрала размер вручную, скорость смены картинок и цвет фона, не темный. И нажала кнопку «Создать анимацию».Все, появляется страница с вашим баннером. Останется только скачать и загрузить на блог. Анимированный баннер загружается в блог, как обычная картинка.

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

Затем Gif баннер можно сделать  ссылкой на нужный пост. Для этого нужно в «HTML» редакторе написать такую строку.

<a href="ссылка на пост или страницу"><img src="адрес картинки"></a>.

Где «адрес картинки»  - это ваш Gif баннер или обычная картинка.

Это будет в «HTML» редакторе выглядеть так:

<a href="http://buterbystro.ru/estafeta-kak-organizovat-horoshiy-otdyih-na-prirode.html «><img src=»http://buterbystro.ru/wp-content/uploads/2012/05/animation.t1337941988080517.gif  " alt="« /></a>

Если хотите, чтобы ссылка открывалась в новом окне, нужно написать так:

<a href=»http://ваш сайт/index.html « target=»_blank"> ваша ссылка</a>

Тег_blank  дает открытие страницы в новом окне.

Это таки маленькие и приятные фишки, которые нужны не каждый день, но они делают ведение блога приятным.

Подписывайтесь на обновления, впереди еще много интересного. Если эта информация была вам полезной,  поделитесь, пожалуйста, с друзьями в соцсетях.

Ваша Блогобабушка


Понравилась статья? Поделитесь с друзьями в соцсетях

Подпишитесь на обновления блога по email:
  • http://blogotey.ru/ Katyaru

    Здорово! Будет время — обязательно попробую! А в этом баннере не вписаны ли ссылки на ресурс?

    • http://blogobabushka.ru/ Блогобабушка

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

      Ссылки на ресурс не вписаны. Вы можете поставить свою ссылку.

  • http://gorkiymed.blogspot.com/ ladosha

    Ну, всё... пошла баннеры клепать!))

  • http://valeria-z-2.blogspot.com/ Валерия

    Симпатичненько так получилось!.. ))) Но поскольку я с недавних пор совсем запуганная внешними ссылками, то присоединяюсь к Катиному вопросу!..

    • http://blogobabushka.ru/ Блогобабушка

      Валерия, ссылок внешних нет. Это как обычная картинка из интернета, только измененная.

  • http://idemnavostok.ru anjelika

    взяла на заметку, хорошая программа, как только будет время испытаю

  • http://www.fix-news.ru/ Алиса

    Здорово, но на ссылки нужно проверить.

  • http://millionsovetov.com Илона

    Неутомимая Вы наша! Спасибо за полезности)))

  • http://zoja-schreibikus.blogspot.com/ Zoja

    давно хотела себе нечто подобное, чтобы переходики красивые сделать от блога к блогу, попробую фишечку...спасибо!

  • Евгеша

    Так реакция на анимированный баннер увеличилась? Вы умолчали)

    • http://blogobabushka.ru/ Блогобабушка

      Я ставила анимированный баннер чтобы привлечь внимание к конкурсу. По моему, результата не было