본문 바로가기
IT/Blog.Tistory

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

by 달고나™ 2013. 7. 30.

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

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

 

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

 

 

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

 

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

 

 

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

 

 

 

글의 내용 마음에 들거나 도움이 되었다면 좋아요💖채널 추가😍를 꾹 눌러주세요. 댓글은 언제나 환영합니다. 늘 양질의 콘텐츠로 보답하겠습니다. 아울러 블로그한경닷컴에서 발행한 모든 글은 지적재산권법에 의해 저작권 보호를 받고 있습니다. 불법으로 퍼기기를 삼가주세요. 대신에 출처를 밝히고 링크를 걸어주세요. 감사합니다.

댓글2

  • 티베 2013.07.30 17:30

    저가 잘몰라서 그런데 구글+1의 기능은 다음에서 손가락모양이랑 같은 기능을 하나요?
    답글

    • 달고나™ 2013.07.30 17:32 신고

      네 거의 같은 기능이라고 보시면됩니다. 구글 플러스라는 SNS에 퍼가기 기능까지 되어 구글에서 검색 유입에 도움이 됩니다^^

"쿠팡 파트너스, 일정액 수수료 제공받음."