네스커 배너 플러그인

2013.04.03 추가사항

네스커가 2013.05.31 일로 서비스가 종료됩니다.

개요

네스커는 컨텐츠의 생산자에게 후원을 하는 시스템입니다.
제 블로그 하단에도 네스커 배너가 달려 있는데요.
후원을 한번 클릭하면 100원이 컨텐츠 생산자에게 적립되고, 생산자는 후원금을 지급받거나 기부할 수 있습니다.
제 블로그는 설치형 블로그인 텍스트큐브(Textcube)를 사용하고 있는데요.
네스커에서 배포하는 배너 코드를 Skin에 적용하면 다른 플러그인과의 배치문제가 발생하여,
네스커 배너를 삽입하는 플러그인을 작성하여 사용하고 있었습니다. 
오늘 보니 네스커가 개편되었기에 기존 코드를 조금 수정하여 배포합니다.

텍스트큐브 플러그인

설치 방법은 기존 플러그인 설치와 동일하게 /plugins 하위 디렉토리에 배포되는 플러그인 파일을 업로드한 후,
플러그인 목록에서 활성화 시켜주면 됩니다.
이번에 배포하는 버전은 특이한 기능이 별로 없어서 v0.1 입니다.
사용자 삽입 이미지

플러그인 설정

사용자 삽입 이미지
– 디자인 : 네스커 위젯 페이지에서 각 모양을 확인할 수 있습니다.
– data-un : 네스커 위젯 페이지에서 아래의 코드를 복사하여 붙여넣습니다.
사용자 삽입 이미지
– 윗 여백 : 다른 플러그인과 여백을 주기 위해서는 숫자를 입력합니다. 기본값은 0이며 단위는 px입니다.
– 정렬 : 정렬위치 입니다.

참고사항

제 블로그는 UTF-8이 지원이 안되어서 Textcube 1.7.8을 사용하고 있습니다.
1.8 버전에서는 테스트되지 않았지만… 특별한 기능을 사용하지 않았으므로 잘 될듯합니다.

Version History

v0.1

최초 배포버전

v0.2

v0.1에서의 사용한 코드가 웹 유호성을 통과하지 못한다는 팥알님의 의견에 따라
옵션에 ‘javascript 미사용’ 옵션을 추가하였습니다.
사용되는 코드의 변경 부분은 네스커 위젯 센터를 참고하시기 바랍니다.
팥알님의 의견에 감사드립니다.
사용자 삽입 이미지
v0.2에서의 표시방식 옵션 추가
사용자 삽입 이미지
네스커 위젯 센터 – Html 방식 (Javascript 미사용)
사용자 삽입 이미지
네스커 위젯 센터 – Javascript 방식

최종 배포 파일

다운로드 : 1025423128.zip

CC BY-NC-ND 2.0 KR

이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용할 수 있습니다. 크리에이티브 커먼즈 라이선스

저작권과 관련된 파일요청 및 작업요청을 받지 않습니다.

2 댓글

  1. 팥알 응답

    좋은 플러그인 공개해 주셔서 고맙습니다.
    기능에는 문제는 없는데, 웹 유효성 검사를 통과하지 못해서 위젯 출력을 이렇게 고쳐 보았습니다.

    $widget = ‘

    Nesker banner

    ‘;

    어느 방식이든 유효성 검사를 통과할 수 있는 쪽으로 검토해서 반영해 주셨으면 합니다.

    • kimstar 응답

      팥알님의 의견에 따라 옵션을 추가하였습니다.
      제가 웹개발자가 아닌지라 유효성은 생각하지도 못했네요.
      좋은 의견 감사드립니다. ^^

댓글 남기기