구글 플러스원 버튼, 블로그에 설치 가능

 오랜만에 블로그 관련 팁을 소개하려고 합니다. 사실 블로그 꾸미기 소스 관련해서 몇몇 분들이 질문하신 내용들이 있는데 요즘 이래저래 바쁜 일들이 있어 계속 포스팅을 미루고 있네요. 차차 하나씩 글을 작성하기로 하고...
 오늘 소개할 내용은 '구글 플러스원' 입니다. 현재 제 블로그 본문 상단이나 하단에 보시면 아래 이미지와 같은 버튼이 보이시죠?

  보통 국내에서 검색을 하고자 포털을 이용하는 분들은 네이버를 이용하시는 지라 생소하실지도 모르겠네요. 이미 이 서비스가 소개된 건 3월경이었습니다. 지금까지는 구글에서 검색(영문 구글 이용시)을 했을 경우 검색 결과에 표시가 되었었는데요. 이제는 홈페이지, 블로그 등 자신이 원하는 웹페이지에도 버튼을 추가해서 설치할 수가 있습니다.


 참고로, 구글 플러스원은 구글 검색 결과 중 정확하고 추천할만하다고 판단되는 것을 다른 이용자들에게 추천할 수 있는 기능입니다. 뿐만 아니라 구글 프로필에 북마크하면서 지메일 등의 지인 및 친구들에게도 추천해 줄 수 있습니다.

구글 플러스원, 블로그에 설치하는 방법은?

 구글 플러스원 버튼을 블로그 등에 설치하는 방법은 아주 간단합니다. 아래 링크로 접속해서 소스를 제공받기만 하면 되는데요.

> 구글 플러스원 : http://goo.gl/l7Xu8

▼ 다양한 크기의 버튼과 함께 언어를 선택할 수 있는데요. 선택을 마치고 나면 코드가 생성됩니다.


 코드는 크게 나눠서 2가지로 구분할 수 있는데요. 자체 설명에서도 나오듯이 하나는 </body> 태크안에 들어가게 넣어주면 되고 나머지 하나는 원하는 위치에 포함시켜주면 됩니다.

 그런데, 만약 제 블로그에 포함시킨 것처럼 나름 깔끔하게 정리해서 넣고 싶다면 지금까지 여러차례 블로그에서 소개한 것 처럼 CSS 까지 활용해서 꾸며주면 되는데요. 제 블로그에 적용한 소스를 공유하도록 할게요. 



▼ 위에 첨부한 텍스트 파일을 이용하시면 되겠습니다.



 텍스트 파일을 열어보시면 위 이미지와 같이 보일텐데요. HTML 에 포함될 소스는 구글 플러스원 버튼 생성시 제공되는 코드이니 <div class...> 와 </div> 사이에 자신이 생성한 코드를 넣어주시면 되겠네요.


 CSS 부분이 자신의 블로그에 알맞게 꾸미기 위해 중요한 소스인데요. padding, width 등의 수치를 자신이 포함시키고자 하는 위치에 적합하게 수정하시면 더 깔끔해 질 겁니다. 물론, 배경 색상 등도 바꾸고 싶다면 변경하시면 되구요.


▼ 아래는 영문 구글에서 플러스원 버튼을 클릭한 내용을 검색해 본 결과입니다.



 추천수가 많을 수록 나름 검증된 문서일테니 검색 결과 나타나는 내용을 선택할 때 많은 도움이 될 듯 하네요.


 요즘 보면 SNS 추천 버튼이 없는 블로그나 홈페이지를 찾아보기 힘든데요. 개인적으로 저도 그렇지만 구글 검색을 신뢰하는 분들이 상당수인 점을 생각해 본다면... 이 버튼을 블로그에 설치하는 것도 블로그 포스팅의 신뢰도를 높이거나 하는데 한 몫하지 않을까 생각되네요. 관심있는 분들은 적용해 보세요 ^^

LiveREX 유튜브 채널 추천 영상 (구독하고 선물도 받아가세요!)

LiveREX유튜브구독
☞ 이 글은 LiveREX 의 동의없이 재발행/재배포 할 수 없습니다. [License] 를 참고하세요!
Facebook Comment
  1. BlogIcon 노지 2011.06.04 07:59 신고

    감사합니다. 저도 적용을 해봐야되겠어요...ㅋ
    일단, 바디에 넣는 소스는 무조건 따로 해야되는거죠?

  2. BlogIcon Boan 2011.06.04 08:30 신고

    저도 이글 작성해두고 화요일 발행하려 저장해 두었습니다^^

  3. BlogIcon *저녁노을* 2011.06.04 09:32 신고

    ㅎㅎ잘 알고 가요.

    주말 행복하세요

  4. BlogIcon 멀티라이프 2011.06.04 21:31 신고

    오호~ 이거 한번 해봐야 겠네요 ㅎ

  5. BlogIcon 사랑퐁퐁 2011.06.05 15:34 신고

    좋은 정보 감사합니다..
    즐거운 연휴보내세요^^

  6. BlogIcon 정암 2011.07.13 07:08 신고

    저도 설치해보아야겟군요..^^

  7. BlogIcon 센쇼 2011.07.14 10:58

    전 왜 구글링 했을때 저게 안나올까요? >.<

  8. BlogIcon 킨통 2012.03.05 16:42

    좋은 정보 감사합니다 . ^^

  9. BlogIcon 아이티군자 2013.02.09 13:32 신고

    버튼 작업에 잘 참고했습니다.
    감사합니다.

댓글을 남겨주세요 :)




submit