Вывод 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.


Выберите нужный вам тип и получите код для вставки в ваш блог, либо тип 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


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

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