2011년 7월 28일 목요일

Blogger에 +1 버튼 추가하기 howto

이론 없이 블라인드 카피하려는 분들을 위한 문서입니다.
작동을 보장하는 것은 블로거 기본 테마 사용자 분들에 한합니다.

1. 디자인에 삽입할 소스코드를 얻습니다.


에 가서 버튼 사이즈, 언어 등을 선택합니다. 그럼 하단에 소스코드가 그에 맞춰서 생성됩니다.


소스코드는 두 부분으로 나누어집니다. 하나는 어딘가 적당히-_-삽입하면 되는 부분이고, 다른 하나는 버튼을 붙이려는 장소에 맞춰서 삽입해 주어야 하는 부분입니다.


1. 적당히 삽입하면 되는 부분

이하의 코드를 적당히 삽입하면 됩니다.

========
<!-- 아래 태그를 헤더나 </body> 태그 앞에 붙여 넣습니다. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ko'}
</script>
========

여기서 적당한 부분으로는 헤더나 바로 앞을 말합니다. 이 글에서는 </body>앞을 택하겠습니다.

블로거 대쉬보드에서

디자인 -> html편집 -> "가젯코드 펼쳐서 보여주기 체크" -> 최하단의 </body>태그 직전에 위의 코드 삽입



2. 버튼을 나타낼 부분에 코드 삽입하기.

여기서는 적당하게 하면 안 됩니다. 위에서 부주의하게 "가젯코드 펼쳐서 보여주기 체크를 하지 않으셨다면, 1로 돌아가서 처음부터 다시 하셔야 합니다.

찾아야 하는 구절은
===========
<data:post.body/>
===========
입니다.

이 바로 아래에
===========
<!-- 아래 태그를 +1 버튼을 렌더링하고자 하는 위치에 붙여 넣습니다. -->
<g:plusone expr:href="data:post.url"></g:plusone>
===========
를 넣읍시다.

그리고 "스킨 저장" 버튼을 눌러 저장하고 나면 이 블로그처럼 포스팅 아래에 +1 버튼이 나타납니다.


문서에 대한 피드백은 답글로 남겨주세요.

댓글 없음:

댓글 쓰기