블로그꾸미기3

• 

  티스토리 대댓글 많을 경우 자동 접기 기능 구현 대댓글이 너무 많아지면 자동으로 접히는 기능이 없어서 직접 구현해 보았습니다. 자동으로 제공해 주면 참 좋을텐데 티스토리는 손이 많이 가는 블로그 서비스네요 ㅎㅎ 이와 같이 댓글이 너무 많아지면 조금 부담스럽죠 ㅎㅎ 한 번 접어 보겠습니다. 먼저 댓글들 태그를 jQuery로 가져 와 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데, 여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다. body 태그 안쪽 제일 하단 script 태그에 다음과 같이 작성을 합니다. function initFoldReply() { var commentList = $('div.comment-list>ul>li'); if(com.. 정보/블로그 운영팁 2020. 11. 15.

• 

  티스토리 댓글에 URL 자동 링크 적용하는 방법 티스토리는 댓글에 URL을 입력하면 자동 링크를 생성해 주지 않아서 직접 그 기능을 구현해 보았습니다. 북 클럽 스킨 기준입니다. 다른 스킨에 적용하고 싶으신 분은 댓글 남겨 주시면 확인해 드릴게요. 깃허브에 올라 온 자동링크 만들어 주는 소스를 참고하여 작성하였습니다. github.com/bryanwoods/autolink-js bryanwoods/autolink-js Tiny little tool to find URLs in a string of text and hyperlink them - bryanwoods/autolink-js github.com 소스가 길지 않아서 직접 복사하여 가져 온 다음 필요한 로직을 덧붙여 구현해 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. htm.. 정보/블로그 운영팁 2020. 11. 15.

• 

  티스토리 애드센스 애드핏 광고 위치 바꾸기 광고 순서가 애드센스보다 애드핏이 먼저 오는 것이 마음에 들지 않아 수정해 보았습니다. 다음과 같이 뜨는 광고의 순서를 변경해 보겠습니다. 크롬에서 F12를 눌러 개발자 모드에 진입합니다. 애드핏과 애드센스 광고 태그에 사용된 클래스가 같고 할당 된 ID가 없네요. 그래도 가능 합니다. 클래스 명으로 찾아보니 총 6개의 태그가 나옵니다. 이를 활용하여 작업을 해 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데, 여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다. body 태그 안쪽 제일 하단 script 태그에 다음과 같이 작성을 합니다. $(document).ready(function() { var .. 정보/블로그 운영팁 2020. 11. 8.