jQuery를 활용한 코드
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://tum.seevaa.net/api/read/json"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ $.each(tumblr_api_read.posts, function(index, item){ $('#tum').append("<div class='post'>"); if(item.type == "link"){ $('#tum').append(item['link-text']+"<br/>"); $('#tum').append("<a href='"+item['link-url']+"'>"+item['link-url']+"</a>"); } if(item.type=="photo"){ $('#tum').append("<img src='"+item['photo-url-100']+"'/>"); $('#tum').append(item['photo-caption']); } $('#tum').append("</div>"); }); }); //--> </script> <div id="tum"></div>
tumblr는 별다른 노력없이 가장 쉽게 블로깅을 할수 있는 블로그사이트라고해도 과언이 아니다. 짧은 텍스트, 사진, 음악, 동영상, 링크들을 쉽게 기록하고, 'Follow'라는-싸이월드의 일촌신청같은- 것으로 유저들과 연결, 공유할 수 있다. 또 다양한 테마(스킨)를 제공할 뿐만 아니라 직접 커스토마이징할 수 있는 장점도 있다. 페이스북, 트위터등과 연동할 수 있고, 원하는 피드(feed)를 등록해두면 자동으로 포스팅되는 기능도 있다.
Tumblr lets you effortlessly share anything. Post text, photos, quotes, links, music, and videos, from your browser, phone, desktop, email, or wherever you happen to be. You can customize everything, from colors, to your theme's HTML.
'Web Standard > JavaScript' 카테고리의 다른 글
Basic Filter for Index (1) | 2011.04.18 |
---|---|
grayscale (3) | 2011.03.23 |
Ext JS, Cross-Browser Rich Internet Application Framework (0) | 2011.03.08 |
Recent Comments