구글 플러스원, 블로그에 설치하는 방법은?
구글 플러스원 버튼, 블로그에 설치 가능
오랜만에 블로그 관련 팁을 소개하려고 합니다. 사실 블로그 꾸미기 소스 관련해서 몇몇 분들이 질문하신 내용들이 있는데 요즘 이래저래 바쁜 일들이 있어 계속 포스팅을 미루고 있네요. 차차 하나씩 글을 작성하기로 하고...오늘 소개할 내용은 '구글 플러스원' 입니다. 현재 제 블로그 본문 상단이나 하단에 보시면 아래 이미지와 같은 버튼이 보이시죠?
보통 국내에서 검색을 하고자 포털을 이용하는 분들은 네이버를 이용하시는 지라 생소하실지도 모르겠네요. 이미 이 서비스가 소개된 건 3월경이었습니다. 지금까지는 구글에서 검색(영문 구글 이용시)을 했을 경우 검색 결과에 표시가 되었었는데요. 이제는 홈페이지, 블로그 등 자신이 원하는 웹페이지에도 버튼을 추가해서 설치할 수가 있습니다.
참고로, 구글 플러스원은 구글 검색 결과 중 정확하고 추천할만하다고 판단되는 것을 다른 이용자들에게 추천할 수 있는 기능입니다. 뿐만 아니라 구글 프로필에 북마크하면서 지메일 등의 지인 및 친구들에게도 추천해 줄 수 있습니다.
구글 플러스원, 블로그에 설치하는 방법은?
구글 플러스원 버튼을 블로그 등에 설치하는 방법은 아주 간단합니다. 아래 링크로 접속해서 소스를 제공받기만 하면 되는데요.> 구글 플러스원 : http://goo.gl/l7Xu8
▼ 다양한 크기의 버튼과 함께 언어를 선택할 수 있는데요. 선택을 마치고 나면 코드가 생성됩니다.
코드는 크게 나눠서 2가지로 구분할 수 있는데요. 자체 설명에서도 나오듯이 하나는 </body> 태크안에 들어가게 넣어주면 되고 나머지 하나는 원하는 위치에 포함시켜주면 됩니다.
그런데, 만약 제 블로그에 포함시킨 것처럼 나름 깔끔하게 정리해서 넣고 싶다면 지금까지 여러차례 블로그에서 소개한 것 처럼 CSS 까지 활용해서 꾸며주면 되는데요. 제 블로그에 적용한 소스를 공유하도록 할게요.
▼ 위에 첨부한 텍스트 파일을 이용하시면 되겠습니다.
텍스트 파일을 열어보시면 위 이미지와 같이 보일텐데요. HTML 에 포함될 소스는 구글 플러스원 버튼 생성시 제공되는 코드이니 <div class...> 와 </div> 사이에 자신이 생성한 코드를 넣어주시면 되겠네요.
CSS 부분이 자신의 블로그에 알맞게 꾸미기 위해 중요한 소스인데요. padding, width 등의 수치를 자신이 포함시키고자 하는 위치에 적합하게 수정하시면 더 깔끔해 질 겁니다. 물론, 배경 색상 등도 바꾸고 싶다면 변경하시면 되구요.
▼ 아래는 영문 구글에서 플러스원 버튼을 클릭한 내용을 검색해 본 결과입니다.
추천수가 많을 수록 나름 검증된 문서일테니 검색 결과 나타나는 내용을 선택할 때 많은 도움이 될 듯 하네요.
요즘 보면 SNS 추천 버튼이 없는 블로그나 홈페이지를 찾아보기 힘든데요. 개인적으로 저도 그렇지만 구글 검색을 신뢰하는 분들이 상당수인 점을 생각해 본다면... 이 버튼을 블로그에 설치하는 것도 블로그 포스팅의 신뢰도를 높이거나 하는데 한 몫하지 않을까 생각되네요. 관심있는 분들은 적용해 보세요 ^^