티스토리 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
- 방명록 지원 추가
'티스토리 > JS' 카테고리의 다른 글
티스토리 이미지를 Avast가 차단한다? (7) | 2020.11.23 |
---|---|
iframe간 CORS무시? postMessage (0) | 2020.08.10 |
티스토리 2차도메인 댓글 문제 임시 해결하기 (27) | 2020.08.03 |
티스토리 댓글에 링크달기 (3) | 2020.07.31 |
저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 한 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
링크 공유는 가능합니다. 만약, 본문 공유 시 링크 공유를 해주세요
제 티스토리에 적용해봤는데 잘 되네요.@_@b 능력자세요.
모든 블로그에 같은 소스로 쉽게 설정이 가능해서 소스 작성이 어려우신분들을 위해 배포중입니다
잘 적용되네요. 생각은 해도 구현을 못하고 있었는데 감사합니당!
잘 쓸께욤 : )
도움되셨다니 좋네요 :)
잘 작동하네요 감사합니다^^
오 커스텀 하셔서 적용하셨군요 깔끔하네요
오 좋은 정보네요
너무 감사합니다! 잘 적용되네요 ㅎㅎㅎ 그런데 디자인은 어디서 바꿔야 하나요? 제 html 박스에서 바꿀 수 있는건가요?
네 HTML에서 바꾸시거나 스킨편집에 CSS변경에 입력하시면됩니다.
"디자인을 변경하시려면"을 참고해주세요
오오, 감사합니다!! 잘 작동되네요 :)
잘 쓰겠습니다!!
body 맨끝이 어디인지 모르겐네요! html을 잘몰라서 body는 찾았는데요
</body>의 직전입니다.
오~~ 완전 알찬 정보네요~~ 너무 감사합니다^^
감사합니다. 잘 쓰겠습니다. 소스를 제 계정에 올렸어요. 나중에 사이트 느려질까봐서요.
아 네 따로 올리시는건 상관이 없습니다.
근데 daum에 올려서 쓰는것보다 jsdelivr가 전세계적으로 훨씬 빠릅니다. 국내에서는 비슷한데 캐시시간 때문에 jsdelivr가 훨씬 좋습니다.
한국서버는 cloudflare와 fastly에서 분산 제공하기 때문에 더 안정적이기도 합니다.
속도가 더 빠른거라는 말에 다시 원상복귀 했습니다. 서버에 올리면 편집이 가능해서 문구를 좀 바꿨었는데 속도가 더 중요해서 다시 원래대로 했습니다. 제 스킨에서 "로그인" 이란 부분을 부곽시키고 싶은데... 혹시 도움 가능한가요? 볼드에 색을 좀 입히고 싶거든요. js 수정없이 스타일로도 가능하다면 좀 부탁드려요 ^^
div #hi098123-tistory2>span>a{ /* "로그인" 문구 스타일 */ }
수정하시면 됩니다.
아래와 같이 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;}
}
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;}
}
헷, 구독하기 버튼도 같은 기능 만들어주시면 안되나요?! ㅋㅋㅋ
구독하기 버튼은 티스토리에서 간단하게 수정하면 가능합니다.
제3자가 변경하려고 하면 간단하지 않고요.
역시 그렇겠죠 ㅠ_ㅠㅋ
답변 감사합니다 😍
도움이 되었습니다. 잘 쓰겠습니다.
감사합니다.
정말 고맙게 잘 쓰고 있는 사용자입니다.
그런데, 혹시.... 혹시.... 방명록에서도 동작되도록 해주실 수는 없을까요....???
방명록에는 적용이 안되는군요 방명록 부분 수정했어요.
아마 캐시설정 때문에 5시간 후부터 수정적용될거에요.
저도 구라제거기 잘쓰고있습니다.
고맙습니다! ^^
좋은 정보 감사합니다.
제 블로그에도 적용 했습니다.^^