티스토리 밀어주기 HTML로 모든 포스트에 적용하기

반응형

티스토리 밀어주기 HTML로 모든 포스트에 적용하기


2014년을 맞아 티스토리에서 야심차게 준비한 시스템이 바로 밀어주기 기능입니다. 인터넷 방송의 별사탕 시스템이나 오마이뉴스의 원고료 주기 시스템과 닮아 있는데, 블로그에 있는 양질의 글을 통해 읽는이로 하여금 자발적으로 소정의 금액을 지원해줄 수 있도록 하는 시스템입니다. ▼

티스토리 밀어주기 기능

공통적으로 모바일에서 동일한 디자인의 위젯을 제공해주고 있으며, 크기 또한 같습니다.

티스토리에서는 현재 시범오픈 기간으로 해당 기능을 적용해두고 있으며, 2013년 우수블로그에겐 우선 제공하였고 클로즈 베타 모집을 통해 일부 유저들에게 적용하여 사용해 볼 수 있도록 해두었습니다. 저 역시 클로즈 베타에 신청하였었는데 오늘 테스트가 가능하다는 방명록을 보고 적용시켜 보았습니다.

아직 여러가지 문제점들이 있어 보이긴 합니다만 차차 수정될 것으로 보입니다. 그외 가장 중요한 문제점들이 있는데, 대체로 다음과 같습니다. ▼

티스토리 밀어주기 기능의 문제점들

1. 새 에디터에서만 사용 가능(이전 에디터에선 불가)
2. 서식 적용 형태로 제공하기 때문에 본문 내가 아닌 곳엔 삽입 불가, 이를테면 사이드바에 삽입 불가
3. 모든 포스트에 일일이 적용해야 하는 문제.

등등 여러가지가 있겠지만 제가 느끼기론 위의 3가지가 가장 우선 해결되어야 할 문제점들인 것 같습니다. 한마디로 현재까진 자유도가 많이 떨어지는 편입니다. 그래서 오늘은 위와같은 3가지의 문제점을 한 방에 해결할 수 있는 티스토리 밀어주기 위젯의 HTML 소스코드 적용법에 대해 소개해드립니다. 


테스트 해보니 본문을 벗어난 곳에서는 위젯이 나타나지 않습니다.


티스토리 밀어주기 HTML 소스 적용


먼저 새에디터 화면에서 밀어주기 위젯을 삽입합니다. ▼

대체 텍스트



HTML 모드로 전환합니다. ▼

대체 텍스트



HTML 소스코드를 복사하여, 블로그 관리자 화면에서 HTML/CSS 수정으로 들어간 다음, 원하는 위치에 위젯을 삽입합니다.

대체 텍스트


HTML 소스 적용 테스트 후


현재 테스트 해보고 있는 중입니다만 큰 문제는 없어보입니다. 이렇게 HTML 소스로 적용해두면, 일단 모든 포스트에 일괄적으로 적용할 수 있으며 같은 위치에 삽입됩니다. 본문 중간에는 삽입이 불가합니다.

이전 에디터에서 문제없이 사용할 수 있어서 좋습니다만 이게 지원이 정상적으로 동작하는지는 미지수입니다. 본인 글에 본인이 후원할 수는 없더군요. 누군가 후원해 줄 때 까지 기다릴 수 밖에 없겠네요... 아마도 잘 되지 않을까요?ㅎㅎㅎ




2014.5.7. 19:47 추가


티스토리 밀어주기 HTML 소스 적용
어떤 분인지는 나타나지 않지만 누군가 이 글을 보시고 테스트삼아 해보라고 100원 후원해주셨네요. 현재 이 글에는 위젯으로 삽입된 밀어주기가 아닌 HTML 소스코드로 삽입된 밀어주기 시스템만 적용되어 있습니다. 사실 본문에서 후원 테스트를 이야기꺼낼려고 했었는데, 티스토리 밀어주기 주의사항에 보니 대가성 글에는 적립이 안된다고 하여 적지 않았습니다. 아무개님 감사드립니다. :) 아무튼 정상 작동 확인!


반응형

댓글(13)

  • 2014.05.07 19:52 신고

    방금 해보니 밀어주기 잘 동작합니다!
    HTML코드를 따올 생각은 안해봤는데 잘 배웠습니다
    사이드바에는 코드를 넣어줘도 동작하지 않네요
    뭐 일괄삽입만 되도 조금 나아지니 그걸로 위안을 삼아야 겠습니다

    • 2014.05.07 19:53 신고

      아 마쑤님이셨군요! ㅎㅎ 감사드립니다.
      사이드바는 동작하지 않는가요...?
      흠... 좀 더 테스트를 해봐야겠네요~

    • 2014.05.07 19:56 신고

      네 제 생각엔 밀어주기가 실행될때 글본문이 무엇인지 확인하는 루틴이 있는 관계로 사이드바에선 동작하지 않는것으로 보입니다
      이생각을 못해서 수동으로 30여개정도 삽입했는데..ㅠ.ㅠ 다시 지우려니 귀찮네요 ㅎㅎ

  • 2014.05.07 20:21 신고

    잘보고가요
    저도 HTML자체에 붙혀넣을까하는데
    적용이될까도 궁금하네요 ㅎㅎ

  • 2014.05.07 21:14 신고

    글 하단에 위치하게하려면 어디에다가 복사해야하나요 ㅠㅠ

    계속 맨위로 위치가되네요 ㅠㅠ

  • 2014.05.07 21:21 신고

    이런 좋은 방법이 있었군요 ㅎㅎ

  • 2014.05.08 00:43 신고

    이웃 블로그들끼리.. 가장 먼저 활성화가 될 것 같네요. 평소 티스토리 블로그끼리 안부묻고... 도움 주고, 받다보면,,, 아 저 사람에게는 내가 직접 만나지는 못하더라도 커피한잔 사고 싶은데... 라는 생각 들 때.. 이 밀어주기 기능을 사용하면 좋을 거 같네요...

    저도 이웃 블로그 분들이랑 댓글 및 안부 등으로 인사하고 지내다보면, 커피한잔 사고싶은 분들이 종종 있었거든요.

    • 2014.05.08 10:45 신고

      제 생각에도 아마 그렇게 될 것 같습니다. ㅎㅎ
      저 역시 좋은 글을 만나면 커피 한잔 사주고 싶은 분들이 꽤 있었거든요 ㅎㅎ

  • 2014.05.08 19:12 신고

    흠... 제가 지금 적용해보니...
    HTML로 삽입하니까.. 안되네요.

    [$$_article_rep_desc_$$]
    이거 밑에 삽입한건데.. 혹시 스킨이 문제라서 그럴까요?
    http://cooltime.tistory.com/

    남시언 본문하단과 다른게 있다면... CCL 표기정도??

  • 2014.05.09 13:26 신고

    밀어주기 베타테스트 중입니다. 위젯을 단지 얼마 안됬지만 효과가 미미하네요. 아직 조금더 지켜봐야겠습니다. 새로운 정보가 있으면 함께 공유하고 싶네요^^ 글 잘봤습니다~

  • 2014.05.09 13:42 신고

    고맙습니다. 저도 밀어주기 테스트해보고 갑니다 ^^

  • 2014.05.09 19:08 신고

    뷰온! 제가 흠모하는 블로그에 처음으로 500원 밀어봅니다. 월급날 되면 한 번 3000원 밀어볼게요.

  • 2014.05.10 13:15 신고

    저도 제 블로그와 테스트 블로그에 일괄적용해보려니 안되네요
    <div class="entry-content">
    [샵샵_article_rep_desc_샵샵]</div>
    에 이어붙이니 사이드바에 넣었던것처럼 "밀어주기 위젯이 삽입되었습니다"라고 표시되네요
    남시언님은 어느 위치에 삽입했는지 알수있을까요?

Designed by JB FACTORY