분류 목록

    분류 전체보기 (1502)N
    남식이의 생활 이야기 (149)
    유용한 정보<휴대폰> (668)
    유용한 정보<컴퓨터> (640)N
    유용한 정보<기타> (45)

소셜 통합 플러그인의 새버전을 배포합니다.


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

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


소셜 통합 플러그인?

 쿠나님의 대통합 플러그인(새창)을 참고하여 새롭게 재구성한 소셜 통합 플러그인은 티스토리에서 제공하는 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 http://jnstory.net 조남식 2014.06.14 00:35 신고  수정/삭제

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

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

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

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

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

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

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

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

      멜 드렸어요^^

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

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

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

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

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

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

Powerd by Tistory, designed by criuce, modify by Namsik's Story
rss