트위터 Embedded Tweets

December 22, 2011 5:45 PM
블로그에 트위터 개별 트윗을 넣는 방법이 새로 만들어졌다. 기존에는 blackbird pie 라는 별도의 프로세스를 거쳐서 HTML로 옮겨놓을 수 있었다. 상당히 복잡한 코드였다. 얼마전에 서비스가 종료되었는데, 최근 트위터 개편으로 <Embed This Tweet> 버튼이 만들어졌다. 이용방법은 똑같다. 복사-붙여넣기를 하면 되는데, 복잡한 HTML 코드에서 심플한 코드만으로 마크업 됐다. 트윗 보기와 reply, favs, follow 버튼도 자동으로 생성된다.

심플해진 코드는 platform.twitter.com/widgets.js 스크립트 연결로 해결됐다. <blockquote> 태그 안에 간단한 정보만 들어간다. 트위터에서 개별 트윗 보기로 들어오면 Embed This Tweet 버튼이 있다.

embedtweet.jpg

Embed this Tweet을 누르고 HTML로 코드 복사.

embedtweet2.jpg

HTML 코드를 블로그에 넣으면 자동으로 렌더링된다. 테스트 블로그에서...

embedtweet3.jpg

공식 임베드 트윗 외에도 다른 방법들이 있는 것 같지만, 공식 임베드 트윗에 대한 좀더 자세한 내용은 에서 확인할 수 있다. 이 블로그의 Embeb This Tweet 렌더링 결과는 다음과 같다.





7억만년만의 블로깅 크크.  ...done


also...