티스토리네이버블로그 공유, 밴드공유, 페이스북, 카카오톡 공유 이미지 및 적용 방법 정리

블로그 네이버블로그, 밴드, 페이스북, 카카오톡 공유 이미지 및 적용 방법 정리

 

위 버튼 처럼 내가 운영중인 티스토리 블로그 내용을 다른 SNS로 공유하기 위한 버튼입니다. 
버튼을 위한 스크립트 소스입니다. 
복사 하셔서 사용을 하십시오.

스크립트 구문

	<!-- SNS 공유 버튼 -->
	<div class="sns-go">
<ul>
<li>
<a href="#" onclick="javascript:window.open('http://share.naver.com/web/shareView.nhn?url=' +encodeURIComponent(document.URL)+'&title='+encodeURIComponent(document.title), 'naversharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" alt="Share on Naver"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcV8fQb%2FbtrwdkzXCEt%2FTujTIaJEM36uT3sFPIJ4KK%2Fimg.png" width="35px" height="35px" alt="네이버 블러그 공유하기"></a>
</li>
<li>
<a href="#" onclick="javascript:window.open('http://band.us/plugin/share?body='+encodeURIComponent(document.title)+encodeURIComponent('\r\n')+encodeURIComponent(document.URL)+'&route='+encodeURIComponent(document.URL), 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="_blank" alt="네이버 밴드에 공유하기"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FUNnTu%2Fbtrv7P8Fz0A%2FcNS32SxkkX7guvCZrELU7k%2Fimg.png" width="35px" height="35px" alt='네이버 밴드에 공유하기'></a>
</li>
<li>
<a href="#" onclick="javascript:window.open('https://www.facebook.com/sharer/sharer.php?u=' +encodeURIComponent(document.URL)+'&t='+encodeURIComponent(document.title), 'facebooksharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" alt="Share on Facebook"><img src="https://tistory3.daumcdn.net/tistory/2919239/skin/images/sns_face.png" width="35px" height="35px"  alt="페이스북 공유하기"></a>
</li>
<li>
<a href="#" onclick="javascript:window.open('https://story.kakao.com/s/share?url=' +encodeURIComponent(document.URL), 'kakaostorysharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes, height=400,width=600');return false;" target="_blank" alt="Share on kakaostory"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcyDG4r%2Fbtrv6jWtUQv%2F5i0AkI6TMK5wcJJxKiQWkK%2Fimg.png" width="35px" height="35px" alt="카카오스토리 공유하기"></a>
</li>
</ul>
</div>

</div>

위에 스크립트가 복사가 되지 않으면

아래 스크립트 구문을 다운 받으세요

SNS공유.txt

0.00MB

혹시 이미지가 안 나오는 경우에는 아래 이미지를 다운 받으셔서 사용을 하시면 됩니다. 

이미지 다운 받기

네이버 블로그 이미지

blog.png

0.00MB

 

네이버 밴드 이미지

band.png

0.00MB

 

페이스북 이미지 

facebook.png

0.01MB

 

카카오스토리 이미지

kakao.png

0.01MB

 

도움이 되셨으면 좋겠습니다.

 

 

내용