hi098123 Tistory Tip

티스토리 2차도메인 댓글 문제 임시 해결하기

간단 해결 방법

다음의 코드를 스킨편집 - HTML편집에서 넣어줍니다.

head, body 어디든 상관없습니다.

<script src="https://cdn.jsdelivr.net/gh/hi098123/tistory2/dist/tistory2.min.js"></script>
2020-08-07 업데이트 : 어디에 위치하던 동작하나 body의 맨끝에 위치시 조금더 실행속도가 빨라집니다.

 

적용 후 화면

적용을 한 후 2차도메인 티스토리에 접속하면, 댓글달기를 알아서 찾아 다음 문구를 보여줍니다.

티스토리 로그인이 해제 되었나요? 로그인하여 댓글 남기러가기

 

로그인 버튼을 클릭하면 "000.tistory.com/주소"로 연결됩니다.

(로그인이 안되어있다면, 티스토리 로그인 페이지로 이동합니다. 직접유입으로 표기될 수 있습니다.)

연결 후 바로 댓글달기 위치로 자동으로 스크롤 됩니다.

 

 

 

디자인을 변경하시려면

해당 질문 상자는 아래의 구조를 가집니다.

<div id="hi098123-tistory2">
	<span>티스토리 로그인이 해제되었나요?</span>
    <span><a href="" rel="noopener noreferrer">로그인</a>하여 댓글 남기러가기</span>
</div>
<style>
	#hi098123-tistory2{
    	text-align:center;
        border:2px solid #ff9800;
        background:#fff3e0;
        padding:10px 0;
        color: #333;
	}
	#hi098123-tistory2>span{
    	margin: auto 3px;
        display:inline-block
    }
</style>

#hi098123-tistory2 와 #hi098123-tistory2>span 디자인을 css로 변경하실 수 있습니다.

 

HTML

<style>
	div #hi098123-tistory2{
    	/* 스타일 */
	}
	div #hi098123-tistory2>span{
    	/* 스타일 */
    }
</style>

 

또는 스타일시트에서

div #hi098123-tistory2{
	/* 스타일 */
}
div #hi098123-tistory2>span{
	/* 스타일 */
}

 

 

 

body의 끝부분?

<html>
<head>

	…

</head>
<body>

	…
	…
	…

  <!-- 이곳을 의미합니다. -->
  <script src="https://cdn.jsdelivr.net/gh/hi098123/tistory2/dist/tistory2.min.js"></script>
</body>
</html>

 

 

 

 

라이센스 안내

이 기능은 MIT라이센스로 배포합니다.

  • 상업용도 허용
  • 동일조건이하 코드 변경가능
  • 개인적 사용가능
  • 보증하지 않음 (코드 동작, 고객 지원)
  • 라이센스와 카피라이트 표기 (주소를 링크 또는 소스파일에 주석으로 표기)

 

 

 

지원 브라우저

  • IE8 이상

 

 

 

업데이트 내역

  • 2020-08-05
    • ⓘ 표기 추가 (비슷한 문제를 겪고있는 다른블로거를 위해 링크를 유지해주세요)
  • 2020-08-06
    • ⓘ 표기 일부 페이지에서 line-height에 의해 길게보이던 오류수정
    • ⓘ 표기 z-index값 설정
  • 2020-08-07
    • 빠른실행 추가 (body의 끝에서 실행시)
    • 일부 블로그의 댓글 구조가 다름에 따라 스크롤이동 적용을 더 포괄적인 코드로 변경
  • 2021-05-27
    • 방명록 지원 추가

저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 한 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.

링크 공유는 가능합니다. 만약, 본문 공유 시 링크 공유를 해주세요

댓글 26개


  • / 라디오키즈 2020.08.03 14:19 신고

    제 티스토리에 적용해봤는데 잘 되네요.@_@b 능력자세요.

    답글 쓰기
    • / hi098123 2020.08.03 19:24 신고

      모든 블로그에 같은 소스로 쉽게 설정이 가능해서 소스 작성이 어려우신분들을 위해 배포중입니다


  • / 이음 2020.08.06 11:27 신고

    잘 적용되네요. 생각은 해도 구현을 못하고 있었는데 감사합니당!
    잘 쓸께욤 : )

    답글 쓰기

  • / 청춘일기 2020.08.11 00:43 신고

    잘 작동하네요 감사합니다^^

    답글 쓰기
    • / hi098123 2020.08.11 02:39 신고

      오 커스텀 하셔서 적용하셨군요 깔끔하네요


  • / 데오그라시스 2020.09.01 12:18 신고

    오 좋은 정보네요

    답글 쓰기

  • / 레온🍀 2020.09.02 15:51 신고

    너무 감사합니다! 잘 적용되네요 ㅎㅎㅎ 그런데 디자인은 어디서 바꿔야 하나요? 제 html 박스에서 바꿀 수 있는건가요?

    답글 쓰기
    • / hi098123 2020.09.02 16:19 신고

      네 HTML에서 바꾸시거나 스킨편집에 CSS변경에 입력하시면됩니다.
      "디자인을 변경하시려면"을 참고해주세요


  • / Normal One 2020.09.02 22:20 신고

    오오, 감사합니다!! 잘 작동되네요 :)
    잘 쓰겠습니다!!

    답글 쓰기

  • / 도미니꼬 2020.09.07 19:51 신고

    body 맨끝이 어디인지 모르겐네요! html을 잘몰라서 body는 찾았는데요

    답글 쓰기

  • / ^*;*^ 2020.09.24 12:24 신고

    오~~ 완전 알찬 정보네요~~ 너무 감사합니다^^

    답글 쓰기

  • / ◀↗↓↖▶바인 2020.10.14 00:31 신고

    감사합니다. 잘 쓰겠습니다. 소스를 제 계정에 올렸어요. 나중에 사이트 느려질까봐서요.

    답글 쓰기
    • / hi098123 2020.10.14 00:40 신고

      아 네 따로 올리시는건 상관이 없습니다.
      근데 daum에 올려서 쓰는것보다 jsdelivr가 전세계적으로 훨씬 빠릅니다. 국내에서는 비슷한데 캐시시간 때문에 jsdelivr가 훨씬 좋습니다.
      한국서버는 cloudflare와 fastly에서 분산 제공하기 때문에 더 안정적이기도 합니다.


  • / ◀↗↓↖▶바인 2020.10.14 00:57 신고

    속도가 더 빠른거라는 말에 다시 원상복귀 했습니다. 서버에 올리면 편집이 가능해서 문구를 좀 바꿨었는데 속도가 더 중요해서 다시 원래대로 했습니다. 제 스킨에서 "로그인" 이란 부분을 부곽시키고 싶은데... 혹시 도움 가능한가요? 볼드에 색을 좀 입히고 싶거든요. js 수정없이 스타일로도 가능하다면 좀 부탁드려요 ^^

    답글 쓰기
    • / hi098123 2020.10.14 01:07 신고

      div #hi098123-tistory2>span>a{ /* "로그인" 문구 스타일 */ }
      수정하시면 됩니다.


  • / ◀↗↓↖▶바인 2020.10.14 01:34 신고

    아래와 같이 css 에 넣었는데 반응이 없네요.
    https://buza.co.kr

    스킨 css가 우선되어 적용이 안되는걸까요?


    /* 2차도메인 로그인문제 해결 */
    div #hi098123-tistory2{
    text-align:center;
    border:2px solid #37A28F;
    background:#CDE8E3;
    padding:10px 0;
    color: #333;
    }
    div #hi098123-tistory2>span{
    margin: auto 3px;
    display:inline-block
    a:link {color: blue;}
    a:visited {color: red;}
    a:hover {color: green;}
    a:active {color: orange;}
    }

    답글 쓰기
    • / hi098123 2020.10.14 13:41 신고

      div #hi098123-tistory2>span>a{ /* "로그인" 문구 스타일 */ }
      수정하시면 됩니다.

      아래는 정상적인 CSS문법이 아닙니다.
      div #hi098123-tistory2>span{
      a:link {color: blue;}
      a:visited {color: red;}
      a:hover {color: green;}
      a:active {color: orange;}
      }


  • / 이음 2020.10.16 09:29 신고

    헷, 구독하기 버튼도 같은 기능 만들어주시면 안되나요?! ㅋㅋㅋ

    답글 쓰기
    • / hi098123 2020.10.16 22:16 신고

      구독하기 버튼은 티스토리에서 간단하게 수정하면 가능합니다.
      제3자가 변경하려고 하면 간단하지 않고요.

    • / 이음 2020.10.16 22:21 신고

      역시 그렇겠죠 ㅠ_ㅠㅋ
      답변 감사합니다 😍


  • / LuRan 2020.12.01 00:07 신고

    도움이 되었습니다. 잘 쓰겠습니다.
    감사합니다.

    답글 쓰기

  • / BLUEnLIVE 2021.05.27 21:20 신고

    정말 고맙게 잘 쓰고 있는 사용자입니다.
    그런데, 혹시.... 혹시.... 방명록에서도 동작되도록 해주실 수는 없을까요....???

    답글 쓰기
    • / hi098123 2021.05.27 23:18 신고

      방명록에는 적용이 안되는군요 방명록 부분 수정했어요.

      아마 캐시설정 때문에 5시간 후부터 수정적용될거에요.

      저도 구라제거기 잘쓰고있습니다.

    • / BLUEnLIVE 2021.05.28 12:01 신고

      고맙습니다! ^^