블로그 가이드

티스토리에 소셜네트워크 서비스 (SNS) 넣기

SNS마스터 0 201

티스토리를 3년 동안 사용하면서 그 편리함에 놀라고 그 확장성에 두번 놀란다.
그 어떠한 블로그 보다 먼저 방문자의 중요 SNS에 글보내기를 시작하더니 블로거의 발행 하나로 중요 SNS에 자신의 글을 보낼 수 있는 플러그인 들이 계속 추가되고 있다.

플러그인만으로 달 수 있는 페이스북 '좋아요' 버튼과 공개된 태그 소스로 가능한 트윗 버튼을 내 포스트(게시글)마다 달아보자.


1. 티스토리 글 SNS에 보내기


블로그에 방문한 분들이 마음에 드는 글을 소셜 서비스로 쉽게 보내도록 도와주는 플러그인이다.

관리자 화면 > 플러그인 > 플러그인 설정 > 글보내기
본문 하단에 소셜네트워크 서비스인 요즘, 트위터, 페이스북, 미투데이로 글보내기 버튼이 삽입된다.
글보내기 기능을 통해 방문자가 이용하는 소셜네트워크서비스로 글제목/URL 보내기를 지원한다.
 

 



예 1) 포스트 하단에 붙은 SNS 버튼 

 



예 2) 트위터 버튼을 클릭했을 때 트위터 창에 셋팅된 모습 

 




티스토리 글 보내기 플러그인
관리자 화면 > 플러그인 > 플러그인 설정 > 글보내기

- Tistory2Twitter (트위터 글보내기)
티스토리에서 글을 작성한 뒤, '발행'하면 자동으로 내 트위터에 메시지로 등록되는 플러그인이다.
말머리 텍스트 설정과 짧은 URL 사용을 체크 후 트위터 계정을 연결한다.
 

 



- Tistory2Yozm (다음 SNS '요즘'으로 글보내기)
말머리, 미리보기 설정 후 내 Yozm 계정 연결하기를 클릭한다.
Daum ID로 로그인 한 후 인증을 확인한다.

- Tistory2Facebook (페이스북으로 글 보내기)
이미지 미리보기와 공개 설정을 선택후 내 Facebook 계정 연결하기를 클릭한다.
페이스북 아이디로 로그인하여 계정 인증을 허가한다.

- 페이스북의 '좋아요' 버튼 달기
관리자 화면 > 플러그인 > 플러그인 설정 > 꾸미기

페이스북의 대표적인 공유 버튼인 '좋아요' 버튼과 친구들의 추천 현황을 볼 수 있는 최근활동 사이드바, 간단한 코멘트를 남길 수 있는 코멘트 사이드바를 티스토리에 설치할 수 있는 기능이다.

버튼스타일, 버튼 색상, 버튼 정렬, 사이드바 설정을 설정 후 사용를 클릭한다.
'좋아요' 버튼은 포스트(게시글) 하단 'SNS에 글보내기' 버튼 밑에 노출된다.


2. 티스토리에 트윗 버튼 달기

트윗 버튼은 해당 페이지 URL을 자동으로 축소한 링크가 들어가 있는 팝업 창을 띄우고 트윗을 간편하게 할 수 있도록 도와준다.

http://twitter.com/goodies/tweetbutton

① 트윗버튼 사이트에 접속한다.
② 3개의 버튼 중 적당한 것을 선택한다.
③ 선택한 버튼의 태그 소스가 생성된다.
④ 복사한 태크 소스를 티스토리에 삽입한다.
 

 

 

 




티스토리 > 관리자 화면 > 스킨 > HTML/CSS편집 을 선택한다.
skin.html > article_rep_title 를 검색한다.
복사한 소스를 위의 태그 다음에 붙혀넣기 한다.
 

 



※ 글 제목 바로 아래에 버튼을 넣고 싶을 때는 article_rep_title 다음에, 글 본문 마지막에 넣고 싶을 때는 Posted by 를 검색해 그 위치에 붙혀넣기 한다.

예 3) 포스트 제목 아래에 붙은 트윗버튼  

 


 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 카카오스토리로 보내기
  • 네이버밴드로 보내기
  • 네이버로 보내기
  • 텀블러로 보내기
  • 핀터레스트로 보내기

Comments

Hot

인기 [영상] 네이버 포스트 일반형 글쓰기 방법

댓글 0 | 조회 130
네이버 포스트 일반형 글쓰기 방법
Hot

인기 [영상] 네이버 검색엔진 변화 및 블로그 글쓰기 특강

댓글 0 | 조회 103
네이버검색엔진변화 및 블로그 글쓰기 특강
Hot

인기 내 블로그에 SNS 연동기능을 추가하는 가장 간단한 방법

댓글 0 | 조회 150
블로그나 웹사이트에 SNS와 연동하는 기능을 많이 붙이고 있습니다. SNS 연동을 위한 스크립트 코드를 추가해야 하는 방식이라 HTML을 모르면 조금 어렵게 느껴질 수도 있습니다.… 더보기
Hot

인기 블로거를 위한 RSS 셋팅 가이드

댓글 0 | 조회 118
RSS 구독자의 중요성은 일전에 누누히 설명을 드렸기 때문에 넘기고 (블로그 마케팅 섹션, 검색 키워드 RSS) 블로거를 위한 RSS 세팅법을 소개합니다. 이 글은 이웃블로거 분의… 더보기
Hot

인기 소셜 미디어 뉴스룸(Social Media News Room) 사례

댓글 0 | 조회 121
국내 대부분의 기업들은 웹사이트에 뉴스룸을 가지고 있습니다. 다만 아직은 매체 보도자료를 모아두는 정도 혹은 공지사항을 올리는 정도로 활용하고 있습니다. 이 뉴스룸을 소셜 미디어형… 더보기
Now

현재 티스토리에 소셜네트워크 서비스 (SNS) 넣기

댓글 0 | 조회 202
티스토리를 3년 동안 사용하면서 그 편리함에 놀라고 그 확장성에 두번 놀란다.그 어떠한 블로그 보다 먼저 방문자의 중요 SNS에 글보내기를 시작하더니 블로거의 발행 하나로 중요 S… 더보기
Hot

인기 블로그가 페이스북과 트위터보다 먼저 구축되어야 한다.

댓글 0 | 조회 116
블로그가 사람들로 부터 사랑받은 이유가 개인이 자발적으로 자신의 의견을 글과 사진, 동영상을 이용하여 마음대로 올릴 수 있는 공간을 제공한다는 점이다. 블로그 계정을 제공하는 네이… 더보기
Hot

인기 [영상] 알기 쉽게 배우는 블로그

댓글 0 | 조회 149
블로그(blog)는 "웹"과 "로그"의 합성어인 웹로그 (Weblog)를 짧게해서 만들어진 신조어입니다. 처음에는 개인들이 생각을 공유하는 온라인 다이어리로 새작된 블로그는 개인 … 더보기
Category
Facebook Twitter GooglePlus KakaoStory NaverBand