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

Original: <a href='http://feeds.feedburner.com/~r/wayblogger/~3/309831558/yahoo-pipes-pipe-badges.html'a>Ð'Ñ&lsqauo;вод Yahoo Pipes прямо в блог. Pipe Badges</a></br><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyyrjKdQxsSHpO2hlTBr_6SzuAUjtQrIYLe2wsGxWosut0f5eqAjOH4teeBYGtb8FPLKm4hTSEMD_E2ahx5Dj5c_8XuBx6G6O0rL3XRIYCTz7DD-5YDdaHucmqUpwacxI3qpSPh36Uwoc/s1600-h/mapbadge.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyyrjKdQxsSHpO2hlTBr_6SzuAUjtQrIYLe2wsGxWosut0f5eqAjOH4teeBYGtb8FPLKm4hTSEMD_E2ahx5Dj5c_8XuBx6G6O0rL3XRIYCTz7DD-5YDdaHucmqUpwacxI3qpSPh36Uwoc/s400/mapbadge.jpg" alt="yahoo pipes, pipe badges" id="BLOGGER_PHOTO_ID_5210687584128786306" border="0" /></a><span style="font-weight: bold;">Ð'Ñ&lsqauo;вод Yahoo Pipes прямо в блог. Pipe Badges</span><br /><br /><br />Пару месяцев назад команда Yahoo Pipes анонсировала в своем блоге о появлении новой возможности <a href="http://blog.pipes.yahoo.com/2008/03/24/introducing-pipe-badges/">Pipes Badges (Значки для Труб)</a>. Сегодня я вкратце расскажу о работе с этим компонентом, позволяющим легко и бÑ&lsqauo;стро использовать вÑ&lsqauo;вод <a href="http://pipes.yahoo.com/pipes/pipe.info?_id=KhnzJ9sZ3RGVuS9pxAnzeQ">вашей трубÑ&lsqauo; (Yahoo Pipes) </a>на вашем блоге.<br /><br />Pipe Budges бÑ&lsqauo;вают трех типов:<br /><span style="font-weight: bold;">- map</span> - карта, для отображения географических даннÑ&lsqauo;Ñ…<br /><span style="font-weight: bold;">- image</span> - если ваши Yahoo Pipes вÑ&lsqauo;водят изображения<br /><span style="font-weight: bold;">-list</span> - для отображения простÑ&lsqauo;Ñ… даннÑ&lsqauo;Ñ…<br /><br />Ð'о-первÑ&lsqauo;Ñ…, обратите внимание что при запуске вашей трубÑ&lsqauo; помимо хорошо знакомÑ&lsqauo;Ñ… опций, таких как "Get as RSS", "Get as PHP" и Ñ‚.д появилась опция "Get as a Badge". Нажмите на нее и появится меню для вÑ&lsqauo;бора платформÑ&lsqauo; куда вÑ&lsqauo; хотите импортировать вÑ&lsqauo;вод вашей Yahoo Pipes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUesRfa8ObZRR0_1AuYp2Yvw_5kOKYQzkkY-Vj_XyzIgms54iFeKkscLyD7tnXgr5-eqQTlbWMN1_C_NLaRq8ojg6NP-TNwZayp6JmOylzYNFxfxlR-mySzOrUDY1tj89jfBkz29IcPY/s1600-h/getasbadget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUesRfa8ObZRR0_1AuYp2Yvw_5kOKYQzkkY-Vj_XyzIgms54iFeKkscLyD7tnXgr5-eqQTlbWMN1_C_NLaRq8ojg6NP-TNwZayp6JmOylzYNFxfxlR-mySzOrUDY1tj89jfBkz29IcPY/s400/getasbadget.JPG" alt="yahoo pipes, pipe badges" id="BLOGGER_PHOTO_ID_5210689567182273602" border="0" /></a><br />Ð'Ñ&lsqauo;берите нужнÑ&lsqauo;й вам тип и получите код для вставки в <a href="http://way-blogger.blogspot.com/">ваш блог</a>, либо тип embed которÑ&lsqauo;й по сути является универсальнÑ&lsqauo;м (если вÑ&lsqauo;брать blogger, то появится возможность вÑ&lsqauo;брать ваш блог и вставить Pipe Badge в виде виджета автоматически).<br /><br />Если вам не нравится стиль отображения вашей Yahoo Pipe, то это не проблема, Pipe Badges позволяют редактировать внешний вид - для этого добавьте стиль для вашего Pipe Badge, например такой<br /><br /><pre class="my_code_box"><br />.myClass { <br /> width:180px; <br /> height:350px; <br /> background-color:#000; <br />} <br />.myClass h3.ybh a.ybt { <br /> color:#fff; <br />}<br /></pre><br /><br />И окружите код вашего Badge тегами div:<br /><pre class="my_code_box"><br /> &#60;div class="myClass"&#62; <br /> &#60;script src="http://pipes.yahoo.com/js/TYPE_OF_BADGE_GOES_HERE.js"&#62; <br /> { <br /> "pipe_id" : "8ne6mC_P3BG7soL0ODY80A", <br /> "pipe_params" : {"urlinput1": "http://sfbay.craigslist.org/search/rfs?query=&minminAsk=min&maxmaxAsk=max&hasPic=1&format=rss"}, <br /> "height" : "350px" <br /> } <br /> &#60;/script&#62; <br /> &#60;/div&#62; <br /></pre><br /><br />Ð'се что вам нужно чтоб бÑ&lsqauo;Ñ‚ÑŒ в курсе собÑ&lsqauo;тий, подпишитесь на <a href="http://feeds.feedburner.com/wayblogger">RSS</a><br />Статьи по теме:<br /><a href="http://way-blogger.blogspot.com/2008/05/yahoo-pipes-rss.html">Yahoo pipes - больше чем просто RSS агрегатор.Ð'ведение</a><br /><a href="http://way-blogger.blogspot.com/2008/05/yahoo-pipes-sources-1.html">Yahoo Pipes русский справочник по модулям (Sources). Часть 1</a><br /><a href="http://way-blogger.blogspot.com/2008/05/yahoo-pipes-user-input-2.html">Yahoo Pipes русский справочник по модулям (User Input). Часть 2</a><br /><a href="http://way-blogger.blogspot.com/2008/05/yahoo-pipes-operators-3.html">Yahoo Pipes русский справочник по модулям (Operators). Часть 3</a><br /><br /><br /><a href="http://way-blogger.blogspot.com/">На главную страницу</a><br /><a href="http://way-blogger.blogspot.com/2008/05/blog-post.html">Карта блога</a><div class="blogger-post-footer"><a href="http://blogun.ru/?r=8287">Заработай на рекламнÑ&lsqauo;Ñ… статьях?</a></div>
<p><a href="http://feeds.feedburner.com/~a/wayblogger?a=4J8rWi"><img src="http://feeds.feedburner.com/~a/wayblogger?i=4J8rWi" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/wayblogger?a=EqrIKI"><img src="http://feeds.feedburner.com/~f/wayblogger?i=EqrIKI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wayblogger?a=NLVluI"><img src="http://feeds.feedburner.com/~f/wayblogger?i=NLVluI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wayblogger?a=0ciBiI"><img src="http://feeds.feedburner.com/~f/wayblogger?i=0ciBiI" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wayblogger?a=ELVx3I"><img src="http://feeds.feedburner.com/~f/wayblogger?i=ELVx3I" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wayblogger?a=irxG6I"><img src="http://feeds.feedburner.com/~f/wayblogger?i=irxG6I" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/wayblogger?a=pS8fiI"><img src="http://feeds.feedburner.com/~f/wayblogger?i=pS8fiI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/wayblogger/~4/309831558" height="1" width="1"/>