tweetmix

내 블로그에 '트윗믹스 위젯' 추가하기 - '링크 위젯'

1. 위젯 만들기 페이지에서 사용하고 계신 도구를 선택하고(현재 티스토리 선택) 블로그 주소를 입력합니다.
   블로그 주소의 마지막엔 " / " 가 없도록해주세요.
   .tistory.com이 아닌 개인 도메인을 사용하는 경우라면 실제 사용하는 도메인 주소를 입력해주세요.

   

   고정 홈페이지에서 사용하는 경우라면 해당 페이지의 주소를 입력하시면 됩니다. 티스토리, 태터툴즈, 텍스트큐브 블로그와 XE의 경우는 모두 특정한 글의 주소 정보를 '치환자'라는 곳에 저장합니다. 트윗믹스 위젯에서는 블로그 주소만 입력하면 치환자는 자동으로 입력되게 됩니다.
   

2. 타이틀(필수입력), 크기(가로 크기는 블로그 본문 크기를 설정하시는게 좋습니다. 티스토리의 경우 스킨 선택 페이지에서 블로그 가로 사이즈를 알 수 있습니다), 색상, 버튼 형태, 트윗 버튼을 눌렀을 때 메시지, 트윗 개수, 프로필 이미지 표시, 새 트윗을 생겼을 때 바로 표시할지 여부를 선택하시고 '소스만들기'를 클릭합니다.
   미리보기를 클릭하시면 새로운 창에서 설정하신 위젯을 확인할 수 있습니다.

   

3. 트윗믹스에서 만들어진 위젯의 소스코드는 아래와 같습니다. 각각의 선택값은 소스에서 바로 수정하실 수 있습니다.
   별 문제가 없다면 아래 '복사하기'를 클릭합니다.

   

4. 만들어진 트윗을 블로그에 삽입하기 위해서 티스토리의 관리자 페이지 [스킨] - [HTML/CSS 편집] 메뉴로 이동합니다.

   

5. 다소 복잡한 페이지가 열렸습니다. 위젯이 표시될 위치는 본문 아래입니다. 검색기능을 이용해보겠습니다. 컨트롤(Control) + 'F'키를 누르시거나, 메뉴에서 '이 페이지에서 찾기(혹은 찾기)'를 클릭하세요. 단축키(컨트롤+F)가 좀 더 편합니다.

   

6. 검색어로 입력한 단어는 'article_rep_desc'입니다. 정상적인 경우라면 스킨의 HTML파일에는 이 파일이 1번만 사용됩니다.

   

   

7. 위젯을 추가할 곳은 [##_article_rep_desc_##] 바로 아래입니다.
   [##_article_rep_desc_##] 바로 아래에 아까 트윗믹스 위젯 페이지에서 복사하신 코드를 붙여넣기(컨트롤+V)합니다. 아래 진하게 표시된 부분이 새로 추가된 코드입니다.

   

8. 이제 추가가 완료됐습니다. 생각보다 간단하죠? 제일 하단에 '저장'메뉴를 클릭합니다.
   이제 블로그로 이동하면 연관된 트윗이 표시됩니다.
   티스토리의 경우 위 코드에서 target_url 부분의 주소 뒤에 / 가 없이 bklove.tistory.com[##_article_rep_link_##]가 한꺼번에 표시되어야 합니다.
   * XE를 사용하신다면 bklove.info\/xe\/{$oDocument->document_srl} 와 같이 치환자와 실제 사용하시는 주소 사이에 \/이 포함되어 있어야 합니다.