티스토리(블로그) 트위터 위젯 버튼 설치하기

블로그를 운영하고 있다면 다른 SNS와 연동하여 서로 상호작용이 될수 있도록 꾸미는 작업도 중요한 부분중에 하나입니다.

이중 140자 문자로 실시간 정보를 공유하는 트위터에 대해 트위터 위젯 및 버튼 을 사이드바에 설치 하여 블로그에서 내 트윗내용과 멘션을 바로 보낼수 있도록 설정을 할수가 있습니다.

트위터 위젯 버튼 달기_01

1.트위터 버튼 설치하기

• 트위터 메인페이지 하단 자료실을 선택합니다.(로그인상태면 좌측 하단) =>바로가기 

트위터 위젯 버튼 달기_02

• 자료실을 선택한후 -> 버튼을 선택합니다. 여러가지 형태의 버튼 가운데 원하는 버튼을 선택합니다. 자신의 트위터 아이디를 입력하면 소스코드가 생성이 되고 해당 소스코드를 복사합니다.

트위터 위젯 버튼 달기_03

• 이제 티스토리 관리화면에서 꾸미기->사이드바 를 선택하여 태그입력기를 추가합니다. 이 태그 입력기에 복사한 소스코드를 붙여넣은후 저장합니다.

트위터 위젯 버튼 달기_04

2.트위터 위젯 설치하기 =>바로가기

• 트위터 위젯을 설치하기 위해서는 twitter.com 에 로그인을 합니다. 메인화면에서 우측 상단에서 톱니바퀴모양을 클릭하여 설정을 선택합니다. 설정화면에서 위젯 => 새로만들기를 클릭합니다.

트위터 위젯 버튼 달기_05

• 타임라인소스(원하는 형태 출력) 를 선택합니다. 기본 설정 확인과 도메인 부분에 자신의 붙여넣을 사이트 주소를 입력합니다. 위젯만들기를 선택하면 소스코드가 출력되고 그 소스코드를 마찬가지로 사이드 바에서서 태그 입력기를 추가하여 붙여넣으면 됩니다. 
  

트위터 위젯 버튼 달기_06

ⓛ사용자 타임라인: 자신이 트윗한 내용을 타임라인 형식으로 보여집니다.

②관심글: 트위터 타임라인에서 관심글(★)로 지정한 트윗을 보여집니다.

③리스트: 트위터에서 자신이 설정한 리스트 목록중 하나를 선택하여 해당 리스트의 트윗이 보여집니다.

④검색: 입력한 검색어를 기반으로 트위터에서 검색된 결과값이 보여집니다.

cf)저의 경우에서 검색에 제아이디 'junchrl13' 입력하여 제가 트윗한 내용들이 랜덤하게 동적으로 보여지도록 꾸몄습니다.