суббота, 15 октября 2011 г.

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

Всем привет :) Сегодня я не с очередной работой, а с небольшим МК по блогу. Гуляла я по вашим блогам... У вас столько всего красивого, интересного, ваши работы - просто неповторимы! Девочки, вы настоящие мастера! И в связи с этим хочу предложить вам небольшой МК как сделать свою кнопочку в блоге. Ведь у каждого мастера "должно быть" свою имя, свой ярлычок, своя визитка, свой баннер... (и т.п) :)))
Еще раз повторюсь, я в этом деле не профессионал, но кое что умею, так  что расскажу - что знаю сама. Итак,
1. Рисуем свою картинку/баннер в любом графическом редакторе. Я, как уже говорила, пользуюсь Photoshop.
Размер картинки я делаю в ширину 150рх, в высоту - в зависимости от картинки (т.е.любой) )
Почему лучше брать такую ширину - баннеры, как правило, размещаются на sidebar/боковых панелях, а они меньше 150рх не бывают (ну я, по крайней мере, не видела), а вот 150 - встречала. ) Словом ваш баннер должен красиво смотреться и на других блогах )))
2. Загружаем эту картинку на любой бесплатный хостинг, например http://fastpic.ru/ и копируем html-код под название Ссылка. Он должен выглядеть примерно так:
http://i30.fastpic.ru/big/2011/1015/e8/fc72b7b8d486c0879d2e2dede5f7ece8.png
3. Теперь идем в Панель управления своего блога -- Дизайн -- Добавить гаджет-- HTML/JavaScript и прописываем html-код своего баннера:

<a href="Адрес блога">
<img border="0" src="Ссылка картинки/баннера"/></a>
<textarea cols="15"name="textarea"rows="4">
<a href="Адрес блога">
<img border="0" src="Ссылка картинки/баннера"/></a></textarea><br/>

Цифры 15 и 4 - это ширина и высота окошка с кодом. Их вы можете поменять по вашему желанию.
Сохранить, перетаскиваем мышкой в нужное место - готово! )

То, что получилось у меня вы можете посмотреть на панельке слева. )

Всем удачи, показывайте ваши баннеры )))
------------------------------------------------------------------------------------------------------

Ваша TiL

13 комментариев:

  1. Танечка, спасибо за советы!Думаю, многим это будет полезно. Я со своими знаниями туда не лезу, мне сейчас девочка одна всё рисует, и скоро-скоро у меня будут красивые блоги)))
    Только сейчас заметила, что ты среди прочих разместила красивый баннер с моим Мишкоделом. Так приятно, Тань, спасибо большое)))

    ОтветитьУдалить
  2. Танюша, спасибо огромное! Всегда найдешь, чем порадовать своих читателей.... Теперь бы еще у кого-нить научится PhotoshopИТЬ! :-))))

    З.Ы. А может ченч организуем? (так смущеееенно, пошаркивая ножкой, орустив глазки в пол....) Если мое предложение не будет слишком уж бессовестным, чиркани на почту, там и договоримся!

    ОтветитьУдалить
  3. Я вот давно хотела себе такую штучку сделать!и так кстати этот МК! спасибо большое! А за красивый баннер с моими мишутами спасибо огроменное! Так классно смотрятся все эти кнопочки и блог очень аккуратно выглядит

    ОтветитьУдалить
  4. Нелли, да что ты - не за что :) Скоро повешу твой профессиональный баннер )) Я вот тоже хочу чтоб мне кто-то что-то нарисовал )....я еще хочу фотоаппарат и профессиональную фотосессию ... ой, о чем это я ))) что-то последние два дня у меня проходят под лейтмотивом "Список желаний" ))

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

    Оля, буду очень рада, если пригодится ) Твоим михасикам давно уже пора своей кнопочкой обзавестись )

    ОтветитьУдалить
  5. Танюша, можешь поздравить меня! Я сделала это!))) Отличный МК. Спасибо тебе огромное.

    ОтветитьУдалить
  6. Юль, поздравляю, очень рада!)) Кнопочку твою повесила ))

    ОтветитьУдалить
  7. Давно собиралась сделать это)) Спасибо, Танюш))

    ОтветитьУдалить
  8. Спасибо большое за М.К!буду пробовать

    ОтветитьУдалить
  9. Танечка, большое спасибо! У меня все получилось!

    С уважением Таня SOFIBABY
    http://sofibaby-toys.blogspot.com/

    ОтветитьУдалить
  10. Танюша спасибо за урок! Сначала случайно тут увидела ссылку на мой блог (за это отдельное спасибо!!!), и поняла, что нужен баннер. Пошла в гугл искать, как сделать баннер и в итоге он меня привел обратно к тебе в блог:-)) теперь у меня есть свой баннер: http://ariskina.blogspot.com/

    ОтветитьУдалить
    Ответы
    1. Оксана, забавно получилось :)) Очень рада, что мой опыт пригодился!! Баннер получился отличный! Поздравляю! :))

      Удалить
  11. Спасибо за помощь))) Вроде все не сложно, но когда написано в одном месте-это так удобно!!! Татьяна, вы палочка-выручалочка ;)

    ОтветитьУдалить

По всем интересующим вас вопросам вы можете связаться со мной по эл.почте: TiLcottage@gmail.com

Followers

Подписаться на новости Til Rose Cottage