ith

Twitter에서 Tweetmeme에서 제공을 하던 트윗버튼을 직접 제공하기 시작했습니다.
트윗버튼은 해당되는 페이지를 트위터로 트윗을 날려주는 기능을 하는 버튼인데요.

트위터에서 제공하는 트윗버튼이 너무나 쉽게 만들 수 있기에 만드는 방법과 설치하는 방법에 대해서 간략하게 설명해드리도록 하겠습니다.

트윗버튼 만들기

1. 버튼을 만들 수 있는 주소에 접속!!!
  - http://twitter.com/goodies/tweetbutton
2. 버튼의 모양을 선택합니다.
  - 첫번째 탭은 버튼의 모양을 3가지로 선택을 할 수 있습니다.
  - Tweet text는 기본값은 해당 페이지의 타이틀바의 정보를 갖고 오는데 본인이 원하는 텍스트를 직접 입력하실 수도 있습니다.
  - URL은 버튼을 클릭해서 생성되는 Short URL의 주소를 해당페이지가 아닌 직접 입력을 해서 지정을 할 수도 있습니다.
  - Language는 언어타입을 선택하는데 특별히 손대실 필요는 없습니다.
3. 트윗이 생성될 때 추천을 하고 싶은 트위터를 멘션으로 자동 생성해서 넣을 수 있습니다.
  - 기본적으로는 버튼을 생성하는 사람의 아이디가 들어갑니다.

4. 이렇게 지정을 하시면 갖다 붙이기만 하면 되는 소스가 자동으로 생성이 됩니다.
  - 왼쪽에서는 선택하신 버튼의 미리보기가 지원이 됩니다.

만든 소스 블로그에 삽입하기
  - 저는 티스토리를 운영하기에 티스토리를 기준으로 설명 드리겠습니다.

1. 앞에서 만든 트윗버튼 소스를 복사를 합니다.
2. 각자가 운영하는 블로그로 로그인을 하셔서 메뉴에서 ‘스킨 –> HTML/CSS편집’을 선택합니다.
  - HTML/CSS 편집을 하는 이유는 원하는 위치에 버튼을 삽입하기 위해서죠.
  - 위치를 찾는 것은 쉽지 않지만 블로그에서 보여지는 특정 키워드를 검색해서 찾으실 수 있습니다.
3. 저는 글 작성자 옆의 버튼을 붙일 계획이기에 보여지는 소스에서 ‘Posted by’라는 텍스트를 검색을 해서 ‘<span></span>’ 태그를 추가한 후에 삽입을 해줬습니다.
  - 꼭 당부해 드리는 것은 개인적으로 직접 추가를 해주실 때는 그 위치에 주석을 꼭 명시해 주시기 바랍니다. 추후에 변경을 하거나 삭제를 하고 싶을 때 찾는 수고를 덜기 위해서 말이죠 ^^*

이것으로 삽입이 끝났습니다.
미리보기를 해서 확인을 하셔서 정확한 위치를 잡으셔도 되고, 자신있다면 한번에 그냥 저장을 눌러서 끝내버리셔도 됩니다!!! ^^*
 
제 블로그에 버튼을 추가한 모습니다.
그리고 좋은 점은 해당페이지가 기존에 ReTweet된 정보가 있다면 자동으로 정보를 수집해서 버튼에 표시를 해준다는 것입니다.