среда, 11 июня 2008 г.

Вывод Yahoo Pipes прямо в блог. Pipe Badges

yahoo pipes, pipe badgesВывод Yahoo Pipes прямо в блог. Pipe Badges


Пару месяцев назад команда Yahoo Pipes анонсировала в своем блоге о появлении новой возможности Pipes Badges (Значки для Труб). Сегодня я вкратце расскажу о работе с этим компонентом, позволяющим легко и быстро использовать вывод вашей трубы (Yahoo Pipes) на вашем блоге.

Pipe Budges бывают трех типов:
- map - карта, для отображения географических данных
- image - если ваши Yahoo Pipes выводят изображения
-list - для отображения простых данных

Во-первых, обратите внимание что при запуске вашей трубы помимо хорошо знакомых опций, таких как "Get as RSS", "Get as PHP" и т.д появилась опция "Get as a Badge". Нажмите на нее и появится меню для выбора платформы куда вы хотите импортировать вывод вашей Yahoo Pipes.

yahoo pipes, pipe badges
Выберите нужный вам тип и получите код для вставки в ваш блог, либо тип embed который по сути является универсальным (если выбрать blogger, то появится возможность выбрать ваш блог и вставить Pipe Badge в виде виджета автоматически).

Если вам не нравится стиль отображения вашей Yahoo Pipe, то это не проблема, Pipe Badges позволяют редактировать внешний вид - для этого добавьте стиль для вашего Pipe Badge, например такой


.myClass {
width:180px;
height:350px;
background-color:#000;
}
.myClass h3.ybh a.ybt {
color:#fff;
}


И окружите код вашего Badge тегами div:

<div class="myClass">
<script src="http://pipes.yahoo.com/js/TYPE_OF_BADGE_GOES_HERE.js">
{
"pipe_id" : "8ne6mC_P3BG7soL0ODY80A",
"pipe_params" : {"urlinput1": "http://sfbay.craigslist.org/search/rfs?query=&minminAsk=min&maxmaxAsk=max&hasPic=1&format=rss"},
"height" : "350px"
}
</script>
</div>


Все что вам нужно чтоб быть в курсе событий, подпишитесь на RSS
Статьи по теме:
Yahoo pipes - больше чем просто RSS агрегатор.Введение
Yahoo Pipes русский справочник по модулям (Sources). Часть 1
Yahoo Pipes русский справочник по модулям (User Input). Часть 2
Yahoo Pipes русский справочник по модулям (Operators). Часть 3


На главную страницу
Карта блога

Статьи по теме:



1 комментарий:

Анонимный комментирует...

Спасибо огромное за, так сказать, "русификацию" и понятное объяснение :)