티스토리에 구글 플러스(Google +1) 공유 추천 버튼 설치하는 방법...

계속 되는 SNS 열풍속에 이젠 블로그 까지 대표적인 페이스북 또는 트위터 에 바로 누구나 쉽게 정보를 공유가 가능한 이시대에 Google 에서도 이미 SNS 서비스를 시작하는 가운데 구글 플러스 로 더 나아가 짧게 말해 구플 이라고 많이 불리우는 SNS 서비스로 무섭게 추격하는 Google 은 무시못할 막상한 힘을 가지고 있는 Google Plus 이면서 +1 버튼을 삽입해 누구나 쉽게 Google + 로 발행이 가능합니다.


이 구글 플러스 +1 버튼은 페이스북의 좋아요 기능과 동일한 기능으로 각 홈페이지나 블로그등 삽입할 수 있는 버튼으로 이 +1 의 공유 추천 버튼을 통해 페이스북 처럼 한번의 버튼 클릭으로 누구나 쉽게 정보를 공유할 수 있습니다.



구글 플러스 공유 추천 버튼 소스 생성 복사

1) 아래 Google Developers 사이트로 가서 구글 플러스 버튼의 크기와 통계 너비 언어등 입맛에 맞게 옵션을 설정오른쪽의 코드를 복사합니다.

[구글 플러스 공유 추천 버튼 소스 받기]



티스토리 블로그에 구글 플러스 공유 버튼 추가

2) 티스토리 블로그의 관리자 모드로 들어가 HTML/CSS 편집 메뉴를 클릭합니다.



3) 그럼 아까 소스를 복사 한것중 script 소스를 복사해서 <head> 나 <body> 태그에 삽입합니다.



4) article_rep_desc 부분을 찾아 본문 상단 아니면 본문하단에 div 소스를 삽입하고 HTML5 반응형 블로그를 위한 소스로 만약 블로그가 고정형 이라면 모든 속성에 data- 항목을 지웁니다.(문제 없다면 그냥 써도 됩니다.)

(꼭 본문이 아니더래도 아무데나 하셔도 됩니다.)



5) 이번 소스는 선택사항 소스 이므로 반응형 블로그 이시라면 적용하시면 더욱 좋은 소스로 자바스크립트가 구동되는 동안 웹페이지에서 계속 구동되는 소스코드로 페이지 로드시간을 줄여주기 위해 구글에서 제공하는 비동기식 동작 소스입니다.


소스를 받은 사이트에서 조금 만 더 내려가면 있습니다.



6) 그럼 아래와 같이 본문 하단에 구글 플러스 추천 공유 버튼이 삽입 된 것을 확인할 수 있습니다.



이로써 티스토리 블로그에 구글 플러스 추천 공유 버튼을 달아보았습니다.


저작자 표시 비영리 변경 금지
신고
공유OK! 불펌NO!

트위터

페이스북

구글
플러스

카카오
스토리

네이버

밴드

RSS구독

카카오톡