티스토리 블로그에는 다음뷰 손가락 추천 버튼, 믹시의 믹스업 추천 버튼, 페이스북의 좋아요, 미투데이의 미투 버튼, 싸이월드의 공감 버튼 등 다양한 형태의 추천 버튼을 설치하여 사용할 수 있습니다. 티스토리 블로그에 추천 버튼을 설치하여 추천을 받으면, 추처 버튼 서비스를 제공하는 포털사이트나 검색사이트의 검색 순위 반영에 유리한 위치를 차지하여 검색에도 상위 노출에 유리하게 작용할 수 있는데, 이번 포스팅에서는 티스토리 블로그에 구글+1 버튼 설치하는 방법에 대해 소개해 드리도록 하겠습니다.
구글의 구글+1 버튼은 구글의 소셜네트워크서비스인 구글플러스에서 페이스북의 좋아요 버튼에 대응하기 위해 제공하기 시작한 서비스로 구글이 미국에 본사를 두고 전세계에 서비스를 제공하는 검색사이트 이다 보니 국내 보다는 해외 블로그나 웹사이트에 보편적으로 적용하고 있는 추천 버튼 서비스 입니다. 구글의 소셜네트워크서비스인 구글플러스는 회원가입이 필요하지만 구글+1 버튼은 회원가입 없이도 사용할 수 있습니다. ☞ 구글+1 버튼 바로가기]
구글+1 버튼의 크기는 소형, 중형, 표준, 대형으로 구분이 되며, 너비는 최소 24픽셀에서 50픽셀, 높이는 15픽셀부터 60픽셀까지 제공하는데, 페이스북의 좋아요 버튼이나 미투데이 미투버튼 등의 다른 추천 버튼과 함께 적용하는 경우에는 높이 20픽셀 크기의 중형이나 높이 60픽셀의 대형의 도움말 풍선형으로 사용하는 것이 디자인 구성에 편리 합니다.
구글+1 버튼 설정 페이지에서 블로그에 설치하고자 하는 구글+1 버튼 크기와 통계 부분의 인라인, 풍선, 없음 부분 등을 선택하고 생성되는 구글+1 버튼 소스코드를 복사하여 블로그에 적용하면 되는데, 인라인을 선택하는 경우 너비가 250, 300, 350 픽셀 중 하나를 지정하면 되고, 지정하지 않는 경우는 450 픽셀로 적용이 됩니다.
티스토리 블로그에 구글+1버튼 설치하는 방법은 "<!-- +1 버튼을(를) 표시하고 싶은 위치에 이 태그를 배치하세요. -->"아래의 HTML 소스코드를 복사하여, 티스토리 관리자의 HTML/CSS 편집에서 skin.html 항목으로 이동하여 원하는 위치에 적용하면 되고, 바로 아래의 "<!-- 마지막 +1 버튼 태그의 뒤에 이 태그를 배치하세요. -->" HTML 소스코드 +1 버튼 태그의 뒤에 적용하도록 되어 있는데, 개인적으로는 <head> ~ </head> 사이에 적용 하였습니다. 됩니다. 이상, 티스토리 블로그에 구글+1 버튼 설치하는 방법에 대한 간단한 소개 였습니다.
*관련 포스팅
구글의 구글+1 버튼은 구글의 소셜네트워크서비스인 구글플러스에서 페이스북의 좋아요 버튼에 대응하기 위해 제공하기 시작한 서비스로 구글이 미국에 본사를 두고 전세계에 서비스를 제공하는 검색사이트 이다 보니 국내 보다는 해외 블로그나 웹사이트에 보편적으로 적용하고 있는 추천 버튼 서비스 입니다. 구글의 소셜네트워크서비스인 구글플러스는 회원가입이 필요하지만 구글+1 버튼은 회원가입 없이도 사용할 수 있습니다. ☞ 구글+1 버튼 바로가기]
구글+1 버튼의 크기는 소형, 중형, 표준, 대형으로 구분이 되며, 너비는 최소 24픽셀에서 50픽셀, 높이는 15픽셀부터 60픽셀까지 제공하는데, 페이스북의 좋아요 버튼이나 미투데이 미투버튼 등의 다른 추천 버튼과 함께 적용하는 경우에는 높이 20픽셀 크기의 중형이나 높이 60픽셀의 대형의 도움말 풍선형으로 사용하는 것이 디자인 구성에 편리 합니다.
구글+1 버튼 설정 페이지에서 블로그에 설치하고자 하는 구글+1 버튼 크기와 통계 부분의 인라인, 풍선, 없음 부분 등을 선택하고 생성되는 구글+1 버튼 소스코드를 복사하여 블로그에 적용하면 되는데, 인라인을 선택하는 경우 너비가 250, 300, 350 픽셀 중 하나를 지정하면 되고, 지정하지 않는 경우는 450 픽셀로 적용이 됩니다.
| <!-- +1 버튼을(를) 표시하고 싶은 위치에 이 태그를 배치하세요. --> <div class="g-plusone" data-size="medium"></div> <!-- 마지막 +1 버튼 태그의 뒤에 이 태그를 배치하세요. --> <script type="text/javascript"> window.___gcfg = {lang: 'ko'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> |
티스토리 블로그에 구글+1버튼 설치하는 방법은 "<!-- +1 버튼을(를) 표시하고 싶은 위치에 이 태그를 배치하세요. -->"아래의 HTML 소스코드를 복사하여, 티스토리 관리자의 HTML/CSS 편집에서 skin.html 항목으로 이동하여 원하는 위치에 적용하면 되고, 바로 아래의 "<!-- 마지막 +1 버튼 태그의 뒤에 이 태그를 배치하세요. -->" HTML 소스코드 +1 버튼 태그의 뒤에 적용하도록 되어 있는데, 개인적으로는 <head> ~ </head> 사이에 적용 하였습니다. 됩니다. 이상, 티스토리 블로그에 구글+1 버튼 설치하는 방법에 대한 간단한 소개 였습니다.
*관련 포스팅
| ○ 티스토리 블로그에 미투데이 댓글창 설치하는 방법 ○ 티스토리 블로그에 맨위로 버튼 설치하는 방법 ○ 블로그에 즐겨찾기 추가 버튼 만들기 ○ 티스토리 블로그에 컨텐츠 저작자 후원 위젯 네스커 설치하는 방법 ○ 티스토리 블로그에 피드버너 이메일 구독 위젯 설치하는 방법 |
반응형
'블로그팁 > TISTORY' 카테고리의 다른 글
| 티스토리 블로그 썸네일 다른글 보기 위젯 LinkWithin 설치하는 방법 (47) | 2012.11.20 |
|---|---|
| 티스토리 블로그에 올포스트 최신글 리스트 위젯 설치하는 방법 (16) | 2012.11.04 |
| 티스토리 블로그에 싸이월드 공감 버튼 설치하는 방법 (32) | 2012.10.29 |
| 티스토리 블로그에 네이버 쪽지 보내기 설치하는 방법 (38) | 2012.10.25 |
| 티스토리 블로그에 네이버 이웃커넥트 설치하는 방법 (52) | 2012.10.16 |
댓글