본문 바로가기
미국 생활 라인업/IT

트위터 위젯 내 블로그에 달기!

by 밝은터_NJT 2009. 9. 17.
반응형

트위터의 내용을 내 블로그나 홈페이지에 업데이트하는 방법입니다. 일단 아래 주소로 가십시오.

http://twitter.com/goodies/widgets

첫 번째 화면이 뜨면 My Website를 클릭하세요. 그리고 Profile Widget을 클릭하십시오.

그 다음에 여러분의 Twitter User Name을 입력하십시오. 저는 Startalks가 유저네임입니다.

Finish and Grab Code를 클릭하시면 복사해 넣을 코드를 받게 됩니다. 저의 경우에는 아래와 같이 코드가 떴습니다.



<div id="twtr-profile-widget"></div>
<script src="http://widgets.twimg.com/j/1/widget.js"></script>
<link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet">
<script>
new TWTR.Widget({
  profile: true,
  id: 'twtr-profile-widget',
  loop: true,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#3082af',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  }
}).render().setProfile('startalks').start();
</script>


위 내용 중에 width: 250,
                  height: 300 는 트위터 박스의 가로와 세로 길이입니다. 이 숫자를 바꾸면 원하는 크기로 트위터 박스를 구현하실 수 있습니다. 저는 이를 가로 600 세로 350으로 바꿨습니다.

이 코드를 여러분이 원하시는 블로그나 홈페이지에 붙이시면 트위터 내용을 보실 수 있죠. 내 트위터의 글을 보일 수 있고, 다른 사람의 트위터도 보여줄 수 있겠죠.

재미난 도구입니다.

도움이 되셨으면 추천을 부탁드립니다. ^^



반응형