티스토리 팁 - 블로그에 트위터 Follow me 버튼 달기



요즘 트위터나 미투데이 같은 마이크로 블로깅 서비스, 혹은 페이스 북 같은 SNS를 많이들 이용하시는 것 같은데요. 실제로 블로그와 SNS를 결합해서 블로그를 홍보하시는 분들도 많이 계시고, 최근에는 트위터를 이용한 이벤트나 수익 모델이 하나 둘 씩 나오기 시작하는 듯 합니다.

블로그를 운영하는 사람들의 경우에 트위터와 블로그를 연계해서 사용한다면 그 만큼 시너지 효과를 낼 수 있는데요. 이전에 티스토리에서 제공하는 "프로필"이라는 기능에 대한 포스트를 작성했었는데, 프로필에도 트위터 주소를 링크시켜 트위터를 홍보 할 수 있었습니다.



제 블로그를 보면 오른쪽에 "Follow Me" 라는 버튼이 따라다니는 것을 볼 수 있습니다.
저 버튼을 클릭하면 제 트위터 계정으로 넘어가게 되는데요.
블로그에서 여러분의 트위터 계정을 홍보 할 수 있는 좋은 도구가 됩니다.
오늘 티스토리 팁에서는 이 버튼을 여러분의 티스토리 블로그에 어떻게 설치를 하는지에 대해서 알아보도록 하겠습니다.


다음 링크를 따라갑니다.


링크를 따라가면 위 그림같은 웹 페이지가 뜨는데요. 저기에 있는 폼을 하나하나 채워나가면 해당 정보에 맞는 트위터 Follow me 버튼 소스를 생성해 줍니다.


먼저 제일 위에 있는 폼에 여러분의 트위터 계정, 트위터 아이디를 써 넣습니다. 만약 트위터 계정이 없으시면 다음 링크를 참조하시고 트위터 계정을 만드시기 바랍니다.




Lable 은 버튼에 어떤 글자를 써 넣을 것인지 선택하는 부분입니다. 제 경우엔 "Follow me"를 선택했고, 그 밖에 3가지 다른 선택도 있으니 여러분이 원하는 문구를 선택하시기 바랍니다.




버튼의 색을 정하는 부분입니다. 저는 기본 색으로 했지만 여러분의 블로그 스킨에 맞는 색을 정할 수 있습니다. 다른 색을 고르고 싶으시면 옆에 무지개 색의 동그라미를 누르시면 선택 할 수 있는 메뉴가 나오게 됩니다.




4번 선택 항목은 버튼이 오른쪽에 붙을 것인지 왼쪽에 붙을 것인지 정하는 항목입니다. 왼쪽 오른쪽 여러분의 선택에 따라 붙일 수 있으며, 대부분 오른쪽으로 붙입니다.


마지막 항목은 어느 정도 밑으로 출력 할 것인가를 의미합니다.



"Follow me" 버튼이 맨 꼭대기에서 어느 정도 떨어져서 출력이 될지 정하는 항목입니다.
너무 위에 있거나 너무 아래에 있으면 사람들이 관심을 안주니 저는 기본 값으로 했습니다.


이제 "Update Code" 버튼을 누르면 소스코드가 생성됩니다.
이 소스코드를 여러분의 스킨에 붙여 넣기만 하면 설치가 완료 됩니다.





위에서 만들어 낸 소스코드를 "</body>" 태그 바로 위에 붙여 넣습니다. 사실 아무데나 붙여 넣어도 상관은 없지만 관리하기 편하게 </body> 태그 바로 전에 붙여 넣도록 합니다.




미리보기를 눌러서 보시면 "Follow Me" 버튼이 추가 된 것을 볼 수 있습니다.
트위터를 이용한 블로그 홍보가 대세이니 여러분들도 뒤쳐지지 마시고 트위터 계정과 블로그를 연계 시켜 보세요 ^^


+ Recent posts