суббота, 19 февраля 2011 г.

Tutorial: как создать кнопку своего блога

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

Вот мой адаптированный вариант создания.
1. Если вы хотите создать кнопку-ссылку на ваш блог
-выбираете картинку, фото или рисуете сами. Картинка может быть стандартным размером 125х125px. я взяла свое фото и уменьшила его в фотошопе+надпись на ваш вкус. Все вместе как раз размером 125х125px
-затем надо загрузить картинку на сайт. Я выбрала для этого Photobucket . Если у вас еще нет там аккаунта - создайте. Это займет полминуты. Загружаете картинку и смотрите её код в специальном окошке [Direct Link]
-в текстовом документе создаете код своей кнопки
можете просто копировать мой вариант, только не забудьте вставить свои ссылки
  [a href="http://адрес вашего блога//"][img src="код вашей картинки.jpg" border="0" /][/a]
а также замените [ ] на < >
-полученный код скопируйте и вставьте в свой блог или на свою страницу

2.Если вы хотите создать картинку своего блога с последующей ссылкой в отдельном окошке, чтобы другие люди могли копировать ссылку и размещать её в своих блогах
-также создаете свою картинку как и  в первом варианте
-затем пишите в текстовом документе код
чтобы вам было легче, можете использовать мой код, только не забудьте вставить свои ссылки, а также замените [ ] на < >

[a href="http://адрес вашего блога//"][img src="код вашей картинки.jpg" border="0" /][/a][textarea id="code-source" rows="3" name="code-source"][a href="адрес вашего блога"][img src="код вашей картинки.jpg" border="0" /][/a][/textarea]

*курсивом выделена та часть, которая будет тем самым окошком с вашей ссылкой

вот и всё))
если что-то непонятно - пишите, я обязательно постараюсь помочь.
вариант моих кнопок можно посмотреть
1. в профиле моего жэжэ 
2. в моем блоге, собственно - справа от поста

3 комментария:

  1. Этот комментарий был удален автором.

    ОтветитьУдалить
  2. спасибо, полезная информация.
    я старараюсь сделать в своем блоге ссылку
    you also might like, не подскажите как сделать?

    ОтветитьУдалить
  3. Спасибо, Катя, Ваш материал мне помог. Я сделала себе кнопку (правда не сразу, слегка помучалась). Переходила по ссылке Photobucket, но она постоянно слетает (загружается). Мое творение http://iulija1975.blogspot.com

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

Что вы думаете об этом?