среда, 20 февраля 2008 г.

Новый виджет для вашего блога

Хочу рассказать вам как сделать такой виджет




Назовем его Гиджет, от слова Гид.
Видимо придется писать несколько статей на эту тему, т.к. в одной статье думаю все не поместится.
Начнем!
Что нам для этого нужно.
1. Нужно взять RSS канал блога и добавить в наш гиджет, да так, что бы картинки подходили под размер гиджета.
Делаем это:
После этого идем на сайт yahoo pipes.yahoo.com что бы туда зайти нужно иметь обычный аккаунт от почты yahoo, если у вас такого нет, то его можно зарегистрировать на сайте yahoo.com. И так, зарегистрировались в yahoo, вошли, в pipes.yahoo.com, затем берем эту pipes, клонируем, для этого нужно нажать кнопку clone, после того как кнонировали нажимаете кнопку Edit Source, нажали.
Загружается рабочий стол pipes.
Если вы все правильно сделали, то должы увидеть это.

После этого берете rss канал своего блога, у меня это http://wdgts.blogspot.com/feeds/posts/default , идете в pipes.yahoo.com (у вас там уже открыт рабочий стол), и вставляете его(rss канал) в самый верхний голубенький прямоугольник, под названием Fetch Feed.

После того как вставили нажимаете справа вверху кнопку save, после того как pipes сохранится в центре вверху появится надпись # Pipe Saved Run Pipe...
Вот на Run Pipe вам и нужно нажать.
После того как вы нажмете Run Pipe появится новое окно и pipes загрузится.
У вас должно получится что-то вроде этого

Только с вашей rss...
После этого нажимаем кнопку More options и в открывшемся меню нажимаем на Get as RSS. Ссылка Get as RSS это rss канал вашего блога, только с измененными картинками.
Берем этот урл и идем в grazr.com.
Для начала нам нужно зарегистрировать аккаунт на сайте grazr.com.
Регистрируем, логинимся, нажимаем кнопку Create, перед нами непонятная html страничка с какими-то надписясями и кнопками.

Нажимаем там на рабочем столе кнопку Data и в появившееся поле втсавляем урл полученый из pipes.yahoo.com (когда вы нажали Get as RSS)/
Затем нажимаем Save Ass, в поле Title: пишете название вашего виджета-гиджета и нажимаете save. Файл сохранится и система напишет вам
File saved

после этого в правом верхним углу появится кнопка Reed (см. картинку)

Нажимаем на эту кнопку Reed, у вас загружается предпросмотр виджета, после того как он загрузился нажимаем в самом верху на кнопку Share.
Если вы все сделали правильно, то увидите что-то вроде этого, только с вашими данными.


На этом первая часть закончена.






Похожие статьи с тегом