티스토리에 구글 플러스원(+1)을 달아보자

구글에서도 시대에 발맞추어 SNS를 도입하였다 그것이 구글 플러스이다. 구글 플러스에서도 페이스북 좋아요 처럼 웹사이트, 블로그 추천기능이 있다. 다음뷰와도 비슷한 기능이라고 생각하면 된다. 구글 플러스 버튼을 달아보도록 하겠다. 구글 플러스버튼을 티스토리 블로그에 다는 방법은 상당히 간단하다. 먼저 아래링크로 가서 코드를 발급받자.

https://developers.google.com/+/web/+1button/?hl=ko

아래와 같이 버튼 형식을 설정하는 부분이 있다. 다양한 버튼 형식을 지원하는데 자신이 원하는 형식으로 설정을 하면 된다. 버튼 예시를 같이 캡춰해서 붙여 놨으니 참고하면 되겠다.

버튼 형식을 설정을 했으면 구글플러스 코드가 생성이 된다. 전체 선택 한 후 복사를 한다.

복사를 했으면 티스토리 관리모드에서 HTML/CSS 편집메뉴로 들어간다. Skin.html 코드 삽입 부분에 원하는 위치에 아까 복사한 코드를 삽입하면 된다. 나는 본문 바로 아래에 삽입을 하기 위해 본문치환자 바로 아래에 코드를 붙여 넣었다. 그리고 버튼을 가운데로 위치를 잡아 주기위해 따로 <div>를 생성하여 스타일 태그를 넣었다.

아래와 같이 플러스 버튼이 잘 적용 된 것을 확인 할 수 있다. 도움이 됐다면 추천!!