분류 목록
    분류 전체보기 (1614)N
    남식이의 생활 이야기 (149)
    유용한 정보<휴대폰> (736)N
    유용한 정보<컴퓨터> (682)
    유용한 정보<기타> (47)
소셜 통합 플러그인의 새버전을 배포합니다.

 * 이 포스트에 첨부된 모든 이미지의 저작권은 해당 저작권자에게 있으며 이 플러그인은 단순한 링크 역할만 합니다.
 * 이 포스트에서 배포하는 소셜 통합 플러그인은 쿠나님의 대통합 플러그인(새창)을 참고하여 제작한 플러그인입니다
.

 과거에 필자의 블로그에 적용하여 사용하던 쿠나님의 대통합 플러그인(새창)을 참고하여 현재 서비스가 중지되어 정상 동작하지 않는 버튼(블로그코리아, 구글리더, 올블로그)을 신규 소셜네트워크 버튼(마이피플, 페이스북, 트위터)으로 구성하고 버튼의 이미지를 다음 뷰 아이콘과 동일하게 구성하여 새로운 모습을 느낄 수 있도록 하였습니다.


소셜 통합 플러그인?

 쿠나님의 대통합 플러그인(새창)을 참고하여 새롭게 재구성한 소셜 통합 플러그인은 티스토리에서 제공하는 Daum View, Mixsh, SNS 글 보내기 플러그인을 모두 활성화했을 때 왼쪽 스크린 캡처와 같이 세로로 길게 배치되는 것을 오른쪽 스크린 캡처와 같이 한 줄로 보이도록 하여 깔끔한 블로그 디자인을 유지할 수 있도록 해주며, RSS Feed, HanRSS, 프린터 링크(또는 기능)를 추가로 제공하여 방문객에게 유용한 정보를 쉽고 간편하게 얻을 수 있도록 도움을 줍니다.


소셜 통합 플러그인(2014/06/12 Ver 0.5)

 상단의 회색 박스에 첨부한 소셜 통합 플러그인 0.5 버전은 이전의 0.3버전에서 제공하던 NHN 미투데이의 공유 버튼을 Daum 마이피플 공유 버튼으로 대체하고 위치이동을 통하여 깔끔한 블로그의 디자인을 유지할 수 있도록 구성하였습니다. 상단에 첨부된 압축파일은 버튼의 이미지(png, psd), 본문 소스(710), 본문 소스(680/프린터 버튼 제거)에 대한 내용을 포함하고 있으며 아래의 내용을 참고하여 본문 소스를 수정한 후 사용해야 합니다. 참고로 이전 버전에 대한 내용은 소셜 통합 플러그인을 만들어보았습니다.(새창)을 참고하시기 바랍니다.


소셜 통합 플러그인 수정하기

∙ 믹시 MUID (믹시 홈페이지 → 마이믹시 → 등록된 블로그)
∙ 다음 뷰 (다음 뷰 홈페이지 → MY → 주소창에 나타나는 아이디)
 상단에 첨부한 스크린 캡처는 필자가 제작한 소셜 통합 플러그인 소스의 일부이며, 연한 파랑으로 표시한 부분은 사용자님의 블로그에 적용하기 전 수정해야 하는 부분을 표시하고 있습니다. 함께 제공되는 기능 중 마이피플, 페이스북, 트위터 글 보내기 기능은 소스 수정 없이 사용할 수 있습니다.


소셜 통합 플러그인 적용하기

1. Skin.html


 Skin.html의 경우 
##_article_rep_desc_##]의 아랫부분에 소셜 통합 플러그인의 소스를 넣어주면 됩니다.

2. Style.css


 Style.css의 아랫부분에는 추가로 .tt-sns-wrap { display:none; }를 추가하여주시면 PC용 소셜 네트워크 플러그인을 숨길 수 있습니다. 참고로, 모바일에서는 정상적으로 소셜 네트워크 플러그인이 보입니다.


다른 소셜 네트워크 아이콘 추가하기


 압축파일에 함께 포함한 social_plugin_button.psd 파일을 이용하면 사용자가 쉽고 간편하게 새로운 버튼을 제작하고 사용할 수 있습니다. 만약, 포토샵이 없거나 사용이 어려운 경우 댓글로 해당 소셜 네트워크의 이미지를 이야기해주시면 해당 아이콘을 추가로 제작해드릴 수 있습니다.


티스토리가 아니어도 사용 가능합니다.

티스토리가 아닌 경우.txt에 기재된 소스를 <head>와 </head>사이에 넣어줘야 합니다.
 티스토리가 아닌 블로그 서비스를 사용 중인 경우에는 압축파일에 포함된 '티스토리가 아닌 경우.txt'의 내용을 <head>와 </head>사이에 넣어주셔야 합니다. 만약, 위의 소스를 기재하지 않는 경우 마이피플, 페이스북, 트위터 글 보내기 기능이 정상 동작하지 않습니다.



의견을 남겨 주세요
  1. NAVERDIY 2014.06.13 15:19  수정/삭제  댓글쓰기

    남식님이 올려준 플러그인은 잘 쓰고 있습니다. 텍스트큐브에서 사용중인데 얼마전부터 페이스북, 트위터같은게 안되네요...

    • Favicon of https://jnstory.net 조남식 2014.06.14 00:35 신고  수정/삭제

      혹, 스킨을 수정하시거나 교체하지 않으셨는지요...?
      그렇다면 아래의 부분을 title아래에 삽입하여 사용하시기 바랍니다.

      <link rel="stylesheet" type="text/css" href="https://s1.daumcdn.net/cfs.tistory/v/140206144801/blog/plugins/A_ShareEntryWithSNS/css/shareEntryWithSNS.css"/>
      <script type="text/javascript" src="https://s1.daumcdn.net/cfs.tistory/v/140206144801/blog/plugins/A_ShareEntryWithSNS/script/shareEntryWithSNS.js"></script>

      이후에도 동작하지 않는다면 다시 댓글 남겨주시면 문제를 파악하고 관련된 소스를 제공해드리겠습니다.

  2. 류진블로그 2014.06.14 23:57  수정/삭제  댓글쓰기

    제 블로그에서는 이상하게 보임ㅍㅍ

    • Favicon of https://jnstory.net 조남식 2014.06.15 00:07 신고  수정/삭제

      문제가 발생하는 블로그의 주소를 댓글 또는 이메일(webmaster@jnstory.net)으로 알려주시면 문제해결에 도움을 드리겠습니다~ 감사합니다!

    • 류진블로그 2014.06.15 09:45  수정/삭제

      멜 드렸어요^^

    • Favicon of https://jnstory.net 조남식 2014.06.17 14:18 신고  수정/삭제

      이메일로 몇가지 수정하여 회신해드렸습니다. 참고로 버튼의 이미지 크기를 일부 조정하였습니다. 이로 인하여 버튼 이미지의 화질이 안좋게 보일 수 있으므로 이점 유념하여 버튼 이미지를 재 디자인하여 사용하시거나 별도의 가공을 진행하여 사용하시는 것을 권장합니다. 즐거운 하루되세요~^^*

  3. 한컴이 2014.06.17 20:52  수정/삭제  댓글쓰기

    혹 플리커 버튼도 만들어 주실 수 있나요?
    제가 사용중인 컴퓨터에 포토샵이 없어서 수정을 할 수가 없네요.

    • Favicon of https://jnstory.net 조남식 2014.06.18 16:20 신고  수정/삭제

      동일한 사이즈로 제작해드리면 되는 것인지...?
      버튼 이미지로 사용할 이미지를 webmaster@jnstory.net으로 보내주시면 제작하여 회신해드릴 수 있도록 하겠습니다. 감사합니다.

Powerd by Tistory, designed by criuce, modify by Namsik's Story
RSS
TOP