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

팔로우 버튼 만들기 Twitter Buttons

팔로우 버튼 @arirangkr 팔로우하기

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

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

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

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

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

 

@arirangkr 팔로우하기

<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).