티스토리 블로그에 SNS 버튼 쉽게 달기 (addthis.com)

블로그에 많은 사람이 방문하는 경로에는 예전에는

검색어를 통한 유입, 메타블로그를 통한 방문이 주를 이루었지만

최근에는 트위터, 페이스북과 같은 소셜네트워크의 사용자가 많아지면서

소셜네트워크 게시글의 링크를 통한 방문도 증가하는 추세입니다.

 

(메타블로그를 통한 추천 배너..

추천수가 늘어나면 그만큼 많은 사람들에게 보여질 가능성이 높아집니다.

로그인과정이나 돈이 필요하지 않으니 좋은 글이나 유익한 글은 추천을 해주세요~!!)

 

물론 각 SNS사이트에서 제공하는 방법이 있지만본 페이지에서는 일일이 찾아가서 각각 넣는 방법보다는

한번에 간단하게 블로그에 소셜 네트워크와 연결된 버튼을

다는 방법에 대해서 간단한 정보를 공유하고자 합니다.

 

(페이스북의 '좋아요', 트위터의 '트윗', 구글의 '+1' 버튼)

 

최근에는 블로그에 달 수 있는 SNS 버튼을 제공하는 서비스 자체가 생겨나서

간단하게 코드 생성을 하여 붙여넣기만 하는 방법이 생겼습니다.

저는 addthis.com의 버튼을 이용하고 있습니다.

 

일단 www.addthis.com에 접속합니다.

가장 쉬운 방법은 첫 화면의 3가지 형태 중 맘에 드는 한가지를 골라서 'Get the code'를 누르면 됩니다.

(회원가입도 필요하지 않습니다. 어때요? 참 쉽죠?)

 

그러면 위와 같은 등록 화면이 나오는데 오른쪽 상단의 X를 살포시 눌러 닫아줍니다.

(혹시나 방문자 수나 그런 분석 보고서를 받고 싶으신 분은 위의 페이스북이나 트위터, 구글 계정 등으로

로그인 하거나 간단히 이메일을 등록하면 됩니다.)

 

그리고 나서는 위 화면의 'Grab it' 버튼을 누르면 친절히 코드를 복사까지 해줍니다.

 

이 코드를 사용하기 위해서 티스토리 블로그의 관리자 화면으로 달려갑니다.

위와 같이 스킨 메뉴의 HTML/CSS 편집 메뉴로 갑니다.

 

위와 같은 skin.html 검색 창에서 

반응형

블로그에 많은 사람이 방문하는 경로에는 예전에는

검색어를 통한 유입, 메타블로그를 통한 방문이 주를 이루었지만

최근에는 트위터, 페이스북과 같은 소셜네트워크의 사용자가 많아지면서

소셜네트워크 게시글의 링크를 통한 방문도 증가하는 추세입니다.

 

(메타블로그를 통한 추천 배너..

추천수가 늘어나면 그만큼 많은 사람들에게 보여질 가능성이 높아집니다.

로그인과정이나 돈이 필요하지 않으니 좋은 글이나 유익한 글은 추천을 해주세요~!!)

 

물론 각 SNS사이트에서 제공하는 방법이 있지만본 페이지에서는 일일이 찾아가서 각각 넣는 방법보다는

한번에 간단하게 블로그에 소셜 네트워크와 연결된 버튼을

다는 방법에 대해서 간단한 정보를 공유하고자 합니다.

 

(페이스북의 '좋아요', 트위터의 '트윗', 구글의 '+1' 버튼)

 

최근에는 블로그에 달 수 있는 SNS 버튼을 제공하는 서비스 자체가 생겨나서

간단하게 코드 생성을 하여 붙여넣기만 하는 방법이 생겼습니다.

저는 addthis.com의 버튼을 이용하고 있습니다.

 

일단 www.addthis.com에 접속합니다.

가장 쉬운 방법은 첫 화면의 3가지 형태 중 맘에 드는 한가지를 골라서 'Get the code'를 누르면 됩니다.

(회원가입도 필요하지 않습니다. 어때요? 참 쉽죠?)

 

그러면 위와 같은 등록 화면이 나오는데 오른쪽 상단의 X를 살포시 눌러 닫아줍니다.

(혹시나 방문자 수나 그런 분석 보고서를 받고 싶으신 분은 위의 페이스북이나 트위터, 구글 계정 등으로

로그인 하거나 간단히 이메일을 등록하면 됩니다.)

 

그리고 나서는 위 화면의 'Grab it' 버튼을 누르면 친절히 코드를 복사까지 해줍니다.

 

이 코드를 사용하기 위해서 티스토리 블로그의 관리자 화면으로 달려갑니다.

위와 같이 스킨 메뉴의 HTML/CSS 편집 메뉴로 갑니다.

 

위와 같은 skin.html 검색 창에서  를 검색합니다.

(물론 검색하실때 복사/붙여넣기 해서 검색하시면 앞의 SNS버튼 코드는 없어지겠죠?

직접 타이핑해서 검색하시길 바랍니다. ^^;;)

 

저 코드는 본문의 작성된 내용을 대신하는 코드입니다.

본문의 앞에 버튼을 위치하고 싶으면 저 코드 앞쪽에, 

뒤에 위치하게 하려면 코드 뒤쪽에 붙여넣기 하시면 됩니다.

저는 앞/뒤쪽 모두 두었습니다.

 

그리고 페이지 맨 밑의 '미리보기'를 하여 확인한 뒤에 '저장'을 눌러서 블로그에 반영시키면 완료입니다~!

 

물론 블로거에 많은 사람이 방문하게 하려면 주인장이 열심히 정성껏 작성한 좋은 글이 많아야 하겠죠?

(↑너나 잘하세요..)

 

밑의 추천 버튼을 클릭해주시면 조금 더 좋은 글로 보답하겠습니다.

(로그인 과정이 필요하지 않아요~! ^^)

반응형

를 검색합니다.

(물론 검색하실때 복사/붙여넣기 해서 검색하시면 앞의 SNS버튼 코드는 없어지겠죠?

직접 타이핑해서 검색하시길 바랍니다. ^^;;)

 

저 코드는 본문의 작성된 내용을 대신하는 코드입니다.

본문의 앞에 버튼을 위치하고 싶으면 저 코드 앞쪽에, 

뒤에 위치하게 하려면 코드 뒤쪽에 붙여넣기 하시면 됩니다.

저는 앞/뒤쪽 모두 두었습니다.

 

그리고 페이지 맨 밑의 '미리보기'를 하여 확인한 뒤에 '저장'을 눌러서 블로그에 반영시키면 완료입니다~!

 

물론 블로거에 많은 사람이 방문하게 하려면 주인장이 열심히 정성껏 작성한 좋은 글이 많아야 하겠죠?

(↑너나 잘하세요..)

 

밑의 추천 버튼을 클릭해주시면 조금 더 좋은 글로 보답하겠습니다.

(로그인 과정이 필요하지 않아요~! ^^)