본문으로 바로가기

팔로우 버튼 만들기(Twitter Buttons)

category 컴퓨터/인터넷/네트웍/IT/소시얼네트웍(SNS) 2012.02.25 07:13

팔로우 버튼 만들기 
Twitter Buttons

팔로우 버튼

팔로우 버튼 만들기 Twitter Buttons

개인 홈페이지나 웹사이트 블로그 등에 왼쪽의 그림처럼 정제된 팔로우 버튼을 설치하면, 사용자들이 보고있는 사이트에서 바로 본인의 계정을 팔로우할 수 있습니다.
 
따라서 사용자들은 twitter.com 에서 내 프로필 페이지에 가지 않고도 내 계정을 팔로우할 수 있게 되는 것이지요.

트위터에 이미 로그인된 사용자는 팔로우 버튼을 클릭하기만 하면 나를 팔로우하게 될것이고,
팔로우 버튼 옆의 아이디를 클릭하면, 팝업 창이 나타나며 계정에 대한 간단한 정보를 확인할 수 있을것입니다.

로그인하지 않은 사용자가 팔로우 버튼을 클릭하면, 내 팔로잉/팔로워 정보를 포함한 팝업 창이 나타나며, 여기서 바로 로그인을 해야 할것이며 그후 바로 나를 팔로우할 수 있게 될것입니다.

아래 스크립트에서 붉은색 볼드로 처리된 부분만 자기 트위터 ID로 바꾸고 블로그나 웹사이트의 HTML 소스에서 원하는 위치에 삽입하시면 됩니다.

 
<a href="https://twitter.com/arirangkr" class="twitter-follow-button" data-show-count="false" data-lang="ko">@arirangkr 팔로우하기</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

복사 안되는 분은 아래 댓글에 보면 됩니다. >
 

 
관련링크:
팔로우 버튼 만들기(Twitter Buttons)
 
트위터 버튼 만들기(Twitter Buttons). 
 


댓글을 달아 주세요

  1. 개인 홈페이지나 웹사이트 등에 왼쪽의 그림처럼 정제된 팔로우 버튼을 설치하면, 사용자들이 보고있는 사이트에서 바로 본인의 계정을 팔로우할 수 있습니다.

    따라서 사용자들은 twitter.com 에서 내 프로필 페이지에 가지 않고도 내 계정을 팔로우할 수 있게 되는 것이지요.

  2. BlogIcon 달잰 2012.02.25 08:58

    팔로우버튼 소스는 너무 감사한데...
    헉 ~ 이거 보고 다 타이핑 해야하나요ㅠ
    복사가 안되면..?

  3. 팔로우 버튼 만들기 Twitter Buttons

  4. 복사방지 무용지물
    http://dramatique.tistory.com/1548 여기보시면 복사 방법있습니다.

  5. BlogIcon 뭐하는 건지 2012.12.10 17:36

    관리자의 승인을 기다리고 있는 댓글입니다

블로그 에세이
블로그 이미지 Dramatique 님의 블로그
VISITOR 오늘6 / 전체4,449,952