IT

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

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

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

 

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

 


 

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

 

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

 


 

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

 


 

 

Related Posts

윈도우 11 설치(업데이트)시 PC에서 TPM 2.0을 지원 및 사용하도록 설정하기

윈도우11 설치(업데이트)시 PC에서 TPM 2.0을 지원 및 사용하도록 설정하기

윈도우11 23h2 업데이트 버전이 나온지도 어느 덧 반년이 흘렀다. 이상하게 도사용하고 있는 테스크탑 PC에 업데이트 알림이 오지 않고 22h2 버전 보안 업데이트만 몇 개월째 계속이다. 그래서 수동으로 윈도우11…

클라이언트 IP 식별 X-Forwarded-For와 X-Real-IP 헤더의 이해와 활용

오늘은 웹 개발과 네트워크 설정에서 자주 접할 수 있는 X-Forwarded-For와 X-Real-IP HTTP 헤더에 대해 알아보겠다. 이 두 헤더는 프록시 서버를 통해 전달되는 클라이언트의 IP 주소를 식별하는 데 중요한…

사이트 주소에 WWW 포함 여부, 현대 웹사이트 주소의 트렌드와 선택 기준

사이트 주소에 WWW 포함 여부, 현대 웹사이트 주소의 트렌드와 선택 기준

웹사이트 도메인 주소에 “WWW”를 포함시키거나 포함시키지 않는 결정은 사용자 경험과 웹사이트 운영 측면에서 고려될 수 있는 전략이다. 최근의 트렌드는 기술적 중요성보다는 사용자의 편의성과 브랜드의 식별성을 중시하는 방향으로 나아가고…

SKT 다이렉트 플랜 요금제 결합할인 유의사항

SKT 다이렉트 플랜 요금제 결합할인 유의사항

통신비 부담을 줄이고 싶은데, 데이터 사용량은 줄이고 싶다. “SKT 통신비 다이어트, T 다이렉트 플랜”이 바로 그 해답을 제시한다. 조금만 잘 찾아보면 데이터 사용은 그대로 유지하면서 통신비는 줄일 수…

SKT 선택약정할인 할인반환금 휴대전화요금 25%할인 유의사항

SKT 선택약정할인 할인반환금 휴대전화요금 25%할인 유의사항

선택약정할인제도 선택약정할인제도는 단말 지원금을 받지 않는 고객에게 요금 할인 혜택을 제공하는 제도이다. 이 제도는 지급 단말, 중고 단말, 신규 단말 이용 고객 모두에게 적용되며, 요금 상품 선택과 12/24개월의…

도장만들기 전자서명 전자결재용 도장 이미지 무료 생성 로또번호자동생성기 추천사이트 STAMPNG

도장만들기 전자서명 전자결재용 도장 이미지 무료 생성 로또번호자동생성기 추천사이트 STAMPNG

취업, 이직 준비나 정부 지원금 신청 할 때, 문서 작업시 대부분 이름과 서명란이 있다. 매번 느끼지만 디지털과 아날로그의 경계에 있는 듯한 느낌이다. 서명란에 싸인이나 도장을 삽입하는 과정은 간단해…

This Post Has 2 Comments

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

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다