티스토리 블로그 SNS 공유 버튼 4종

티스토리 블로그 SNS 공유 버튼 4종

블로그 스킨 수정 너무 귀찮습니다. 정말이지 너무 귀찮더라고요. 그래서 스킨 변경하고 2~3년 동안 미루고 미루고 있었는데요. 큰 맘먹고 며칠 전에 블로그 스킨에 SNS 공유 버튼을 달아 주었습니다. 예전 스킨에 만들어 사용하던 것이 있긴 했었는데 그간 많이 바뀌었더라고요. 작동을 하지 않는 버튼들도 있고, 사라져 버린 버튼들도 있고 말이죠. 그래서 맘 좋은 블로거들이 만들어 공유한 것을 가져다 달아 주었습니다.




몽리 블로그에 적용한 SNS 공유버튼입니다. 딱 제가 필요로 했던 버튼들로 구성되어 있어 마음에 들었습니다. 그래서 상단 메뉴바와 본문 하단 두 곳에 공유 버튼을 넣었습니다. IT넘버원님의 블로그에서 보고 적용한 것인데, 사용 허락을 받고 소스를 긁어와 적용하였네요.




코코소프트 블로그의 상단에 있는 SNS 공유 버튼도 마음에 들었으나 몇 가지 버튼이 보이지 않아 살짝 아쉬웠습니다. 그리고 상단에 있는 SNS 공유 버튼이 글과 다른 버튼이라 많이 아쉽더라고요. 여튼 이미지는 다운로드 받으면 되고, SNS 공유 버튼 소스는 복사하여 사용하면 됩니다. 위치나 간격 등은 본인이 알아서 해야 하니 개별 버튼이 필요하신 분들이 이용하면 될 것 같습니다. 티스토리 블로그 SNS 공유버튼 직접 달기(공유 소스 API URL, 쉬움주의)  http://cocosoft.kr/372 글을 참고하시고 적용하시면 되겠습니다.




Byner님 블로그에 공개된 SNS 공유 버튼은 완전체입니다. 아이콘 이미지와 박스 부분의 소스까지 모두 다운로드 받을 수 있네요. 티스토리 블로그 SNS 공유 버튼 만들어 적용하는 방법 http://itlounge.net/9 글에 이미지 압축파일과 소스가 담긴 텍스트 파일이 첨부 되어 있으니 방문하여 다운로드 받으시면 되겠습니다. 적용 방법도 상세하게 설명되어 있으니 천천히 따라하면 되겠습니다.




모지모지님 블로그에 공개된 SNS 공유 버튼도 아이콘 이미지와 버튼 부분의 소스 모두 다운로드 받을 수 있는 완전체입니다. 모지모지님 블로그 스킨이 티스토리 반응형 스킨 #2입니다. 이에 같은 스킨을 사용하시는 블로거분들은 공개된 소스를 약간만 수정하여 적용하면 될 것 같습니다. 도메인, 이미지 경로, 카카오톡 개발자 키 정도요. 티스토리 반응형#2 SNS 공유버튼 넣기! 카카오톡,네이버, 구글플러스 공유하기! http://www.mojimoji.co.kr/579 글을 참고하시고 잘 적용하시면 되겠습니다.




제가 적용한 SNS 공유 버튼은 내 안의 디지털 세상 블로그에 있는 것인데, 지금은 약간 달라진 것 같습니다. 캡쳐하고 링크 따려고 방문하였더니 버튼 박스 아래에 약간의 문구가 추가되어 있네요. 뭐 불필요한 부분들이라 정리할 예정이고, 공유 글에도 없는 부분들이니 패스~ 소스 정리할 부분이 많던데 귀찮아서 그냥 쓰기로~




IT넘버원님의 블로그에도 SNS 공유 버튼 글이 있으니 필요하신 분들은 참고하시고 적용하시면 되겠습니다. SNS 공유 버튼은 위와 같이 6가지 종류이며, 각각의 소스들도 공개되어 있습니다. 티스토리 블로그 SNS 공유 버튼 직접 만드는 방법 http://prolite.tistory.com/783 글을 참고 하시고 필요한 SNS 공유 버튼을 자신의 블로그에 적용하시면 되겠습니다. 끝~


-덧, 카카오톡 버튼은 모바일에서만 작동합니다.


신고
공유하기

페이스북

트위터

구글
플러스

카카오
스토리

네이버
밴드

네이버
블로그/카페

카카오톡
메신저