티스토리 블로그에 팔로우 버튼 붙이기

  이번 포스트에서는 블로그 글에 트위터 팔로우 버튼을 넣는 방법을 알아보자.

1. 팔로우 버튼 만들기

① html과 자바스크립트로 자신만의 버튼을 만들수 있는 사람들은 그러면 되겠지만 필자와 같이 일반 블로거들이 공부해서 만들기엔 시간도 많이 들고 귀찮다. 대신에 트위터에서 만들어주는 코드를 그대로 쓰면 된다. 여기를 클릭하면 아래 사진과 같은 페이지가 나온다.

② Follow 버튼을 선택하고 버튼 옵션을 선택한 후 Preview and code 부분에 코드가 생성된다. 이때 생성된 코드를 복사해서 원하는 곳에 붙여넣기만 하면 끝!

2. 블로그 글에 팔로우 버튼 달기

  기본적으로 html이 쓰이는 어느 곳에나 위에서 생성한 코드를 복사 붙여 넣기만 하면 블로그의 어디에나 팔로우 버튼을 넣을 수 있다. 필자는 글마다 제일 처음에 팔로우 버튼을 달기로 했다. 가장 기본적인 방법은 글쓰기를 할때 마다 위의 코드를 복사해서 붙여 넣는 것이다. 참고로 html편집하기 상태에서 붙여넣어야 한다. 여튼 큰일은 아니지만 조금 귀찮다. 또한 나중에 이걸 떼거나 다를 것으로 변경하고 싶을때 모든 글을 수정해야하는 번거로움이 있다. 그래서 글의 제일 처음에 자동으로 버튼이 달리게 하는 것을 알아보자.

  티스토리 블로그 관리 페이지에 들어가서 HTML/CSS 편집 페이지에 들어간다. skin.html에서 '포스트 본문 내용' 부분을 찾아서 <div class="article">와  사이에 위에서 복사해둔 코드를 붙여넣는다. 만약 글의 끝부분에 버튼을 추가하고 싶다면  뒤에 붙여 넣으면 된다.

  위의 과정이 성공적으로 마치면 아래와 같이 글의 제일 첫부분에 팔로우 버튼이 추가된 것을 확인 할 수 있다.