구글 블로그스팟 VTrick 테마 네이버 공유 버튼 추가 방법

네이버 공유 버튼을 구글 블로그스팟 VTrick 테마에 추가하면 방문자들이 콘텐츠를 네이버를 통해 쉽게 공유할 수 있습니다. 아래는 네이버 공유 버튼을 블로그스팟에 추가하는 방법입니다.

블로그스팟 공유 문제점

블로그스팟은 외국 사용자들이 많아서 테마 역시 외국 환경에 최적화 되어 있습니다.

Linkedin 링크드인은 외국 구인구직 sns로 한국에서는 거의 사용되지 않습니다.

그래서, 한국에서 자주 사용되는 네이버 공유 기능을 추가해 보겠습니다.

네이버 아이콘 준비

네이버 공유 버튼에 사용할 아이콘 이미지를 준비하고, 해당 이미지를 블로그에 업로드한 후 URL을 복사합니다.

테마 HTML 편집

블로그 관리자 페이지에서 '테마' > 'HTML 편집'으로 이동합니다.

HTML 코드 추가

블로그 게시물 아래 스크립트와 HTML 코드를 추가합니다.

'YOUR_NAVER_ICON_IMAGE_URL'을 업로드한 이미지의 URL로 변경합니다.

원본

<li class='linkedin'><a class='linkedin btn window-ify' data-height='520' data-text='LinkedIn' data-width='860' expr:data-url='"https://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url.canonical + "&title=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow'/></li>

변경

<li class='naver'>

<a href='#' onclick='shareNaver()' rel='nofollow' title='naver'>

<img alt='네이버 공유' height='35px' src='YOUR_NAVER_ICON_IMAGE_URL' style='border-radius:8px' width='35px'/>

</a>

</li>

<script type="text/javascript">

function shareNaver() {

var url = encodeURIComponent(window.location.href);

var title = encodeURIComponent(document.title);

var shareURL = "https://share.naver.com/web/shareView?url=" + url + "&title=" + title;

window.open(shareURL, '_blank', 'width=500,height=400');

}

</script>