2009/11/25 08:20 by 러브드웹  웹서비스/트위터




트위터(twitter)가 무엇인지 이젠 다들 잘 아실테니 따로 서명을 드리지는 않겠습니다. 그래도 혹시 모르는 분들은 트위터 사용법과 관련 어플리케이션 서비스 총정리 글을 참고 하시고요. 외국 블로그나 한국의 몇몇 블로그들을 보면 요상하게 생긴 버튼이 달려 있는것을 가끔씩 보셨을겁니다.


저도 예전부터 본문 하단에 달아 놓고 있었는데 소개들 드린다 하고 자꾸 깜박 깜박 하고 있었네요. 많이 늦었지만 혹시 모르시는 분들을 위해서 트위터 리트윗 버튼 사용법을 소개드려봅니다. 리트윗(retweet) 이라고 써있는 이미지와 숫자가 써있고 리트윗(retweet)이라고 써있는 두개의 버튼은 용도가 같은 녀석들입니다. 트위터로 게시물을 바로 리트윗(retweet)으로 공유하기 쉽게 해주는 훌륭한 녀석들 이지요~

이쯤에서 광고 한번 제 트위터 주소입니다 : http://twitter.com/lovedweb  간단한 정보들은 트위터로 트윗을 하고 있으니 많이들 추가해주세요~ ^^

트위터 twitter 사용법-티스토리에 트위터 리트윗(retweet)버튼 넣는 방법


게시물에 추천을 하고 댓글을 다는것을 한번에 해주는 개념이 바로 리트윗(retweet)이 아닐까 생각되는데 이렇게 좋은것이 한국에서는 그다지 큰 호응을 받고 있지는 않습니다. ^^
외국 블로그들 보면 리트윗(retweet) 숫자가 어마어마 한데 좋은글 보면 자신의 팔로우(follow)에게 실시간으로 추천을 해줄수있어 많이들 사용을 하는가봅니다. 문화적이 차이가 아닐까 생각을 하는 부분인데 한국분들은 자신만 알고 있고 남에게 좋은 정보를 알려주려는 문화는 좀 없기는 하죠.



티스토리에 트위터 리트윗(retweet)버튼 넣는 방법



어려운 영어로 어찌어찌 해라 해봐야~ 모르시는 분들은 외계어로 보일테니 쉽게 설명드리겠습니다.
아래의 소스를 샾샾 = ## 으로 수정하시고 http://loved.pe.kr  도메인 자신의 블로그에 맞게 수정하시고 lovedweb 본인의 트위터 계정으로 수정하시고 원하는 곳에 아래의 소스를 넣어주시면 됩니다.
float:left 를 left(좌), right(우)로 하시면 원하는 위치에 넣으실수 있습니다.


트위터 리트윗(retweet) 카운터 사용법
text, background, border 색상은 스킨에 맞는 색상으로 변경하시면 됩니다.

<div style="float:left; margin-right: 5px; ">
    <script type="text/javascript">
    tweetcount_url = 'http://loved.pe.kr[샾샾_article_rep_link_샾샾]';
    tweetcount_src = 'RT @lovedweb';
    tweetcount_via = false; tweetcount_links = true;
    tweetcount_size = 'large';
    tweetcount_text = 'ffffff';
    tweetcount_background = '38CDFF';
    tweetcount_border = 'ffffff';
    </script>
    <script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js">
    </script>
</div>


트위터 리트윗(retweet) 이미지 사용법
이미지는 아무거나 원하는것을 사용해도 되고 텍스트링크로 사용을 하셔도 됩니다.

<div style="float:left; margin-right: 5px; ">
<a href="http://twitter.com/home?status=RT: @lovedweb
  [샾샾_article_rep_title_샾샾]-http://loved.pe.kr[샾샾_article_rep_link_샾샾]"
  target="_blank" title="트위터에 리트윗 하기"><img src="./images/retweet.gif" title="트위터에 리트윗 하기" alt="retweet" /></a>
</div>


사용된 이미지는 저도 어디에선가 주워다 사용하는건데 정확하게 출처를 찾지 못했네요~
원 라이센스를 확인 하지 못해서 직접 재배포는 할수가 없습니다. 하지만 아래 이미지를 퍼가는건 저도 막을 방법이 없겠지요~ ^^ 텍스트큐브도 치환자가 같으니 같은 방법으로 사용이 가능할겁니다.

감사하게도 댓글로 위의 이미지 원 출처를 알려주셨네요.
용의자님 http://yongja.tistory.com/75 글에서 이미지를 배포중이니 그걸 받으시면 올바른 방법이 되겠네요.

관련 게시물 :
믹시업버튼 블러거뉴스 추천버튼 작게 만들기-카테고리글 더보기 위치바꾸기
트위터 사용법과 관련 어플리케이션 서비스 총정리
마우스 3번 클릭으로 아이콘 만들기가 가능한 아이콘 생성기-Icon Generator
무료 아이콘 세트- 트위터 아이콘 세트 10가지
트위터 카운터-TwitterCounter
Buzz this
me2DAY
펌플
블로그의 모든 글은 러브드웹의 동의 없이 스크랩발행과 재배포를 할 수 없습니다.
인용과 직접 링크를 선호합니다. [저작권원칙]
트랙백4개 댓글 14 개가 달렸습니다.

욕설, 비방글과 음란,사행성,상업적광고의 댓글은 삭제와 동시에 스팸 필터링 합니다.
사이트링크와 닉네임이 제대로 입력된 댓글은 정성껏 답변드립니다.

  1. BlogIcon 예스비™님의 댓글

    저도 메타아이콘 정렬해서 넣어야하는데...
    왜 이렇게 구찮은지 모르겠네요~ㅋㅋ
    유용한 팁입니다.
    메타버튼 정리할때 와서 소스퍼가야 겠어요~ㅋ

  2. BlogIcon 윤초딩님의 답글

    스킨 수정하는게 조낸 귀찮잖아요~ ㅎㅎ
    진짜 큰맘먹고 살짝 수정했는데 정말 귀찮더라고요

  3. BlogIcon 푸른솔™님의 댓글

    이걸 달까말까 고민중입니다.
    임시로 단 메타버튼들도 정리해야 하는데..
    급격한 귀챠니즘 때문에...^^

  4. BlogIcon 윤초딩님의 답글

    활용이 없으실듯 싶으면 안달으셔도 되요~ ㅎㅎ

  5. BlogIcon INDIER님의 댓글

    저 리트윗버튼은 용의자님이 직접 제작하신 것입니다.

    http://yongja.tistory.com/75 포스팅을 참고하세요^^

    그럼 즐거운 하루 되시길 바랍니다.

  6. BlogIcon 윤초딩님의 답글

    찾아도 안나오던데 이런 고마울때가~
    정보 감사합니다. ^^

    아 그런데 케릭터 자체는 외국블로그에서 배포하는것인데 라이센스는? 아 제가 직접 가서 문의를 하는게 빠르겠네요~

  7. BlogIcon 플레어님의 댓글

    잘 읽었습니다. 근데 티스토리 말고 일반 블로그에는 안되나요? 저처럼 그냥 다음블로그 사용할 경우에는요..??

  8. BlogIcon 윤초딩님의 답글

    다음은 스킨 수정이 안되지 않나요? 일단 스킨 수정이 가능해야 되터인데 다음 블로그는 어떤지 잘 모르겠네요

  9. BlogIcon 무비조이님의 댓글

    앗 이것좀 사용하겠습니다.
    좋은 팁 알려주셔서 감사합니다!!

  10. BlogIcon 이승환님의 댓글

    오오, 도움되는 정보... 오오~~~

  11. BlogIcon Maxmedic님의 댓글

    좋은 정보 감사드립니다 :)

  12. 카라님의 댓글

    이미지로 리트윗하는 걸 제로보드게시판에서 사용하고 싶은데요...
    샾샾 저부분을 어떻게 바꾸면 될까요? 혹시 제로보드도 잘 아시면 좀 가르쳐주시면 감사하겠습니다.

  13. BlogIcon 엔김치님의 댓글

    안타깝게도. 네이버 블로그에는적용이 안되는듯 한데요.. 제가 코딩을 잘 몰라서요. 혹시 방법이 있을까요? 좋은 글 항상잘 보고 있습니다. 감사합니다.

  14. BlogIcon 폴라베어뱅크님의 댓글

    감사합니다~ ^^ 유용한 정보인데 잘 사용할게요. 오늘부터 트위터를 시작하였거든요~ ^^ ㅋ