댓글 탭 보기를 업그레이드해봤습니다. 아래 포스팅을 먼저 보시면 이해가 쉽습니다. - Disqus 댓글과 티스토리 댓글 탭으로 보기 디자인도 더 깔끔하게 수정되었고, 무엇보다도 이제 jQuery 스크립트 없이 CSS만으로 동작합니다! (약간의 속도 향상을 기대할 수 있습니다.) 원리는 간단히 탭으로 를 사용하고, CSS선택자로 :checked를 사용하는 것입니다. 미리보기 See the Pen tab only CSS by Kim young wook (@nubiz) on CodePen. codepen에서 작업한 결과물입니다. 적용하기 적용 방법은 이전과 크게 다르지 않습니다. 1.HTML/CSS수정 - skin.html에서 부터 까지를 잘라내어 메모장같은데 붙여둡니다.(댓글 출력 부분) 부터 까지를 잘라내..
블로그에 플러그인들이 추가되면서 속도가 눈에띄게 느려지고 있습니다..현재 이 블로그 속도에 영향을 많이주는 플러그인은구글 플러스 플러그인페이스북 좋아요 플러그인Addthis 플러그인Disqus 플러그인구글 애드센스등이 있습니다. 좋아요류 플러그인들은 차차 제거할 계획이고, 애드센스는 어쩔 수 없이 둬야겠습니다.Addthis와 Disqus는 버리긴 아까우니 로딩시점을 변경하여 블로그 속도를 개선해보고자합니다. 이번 포스트는 먼저 Disqus부터 손볼것입니다. 이 블로그는 현재 댓글 영역을 탭으로 구분고 있는데요, Disqus가 활성화된 탭이 아니더라도 Disqus코드가 로딩되는데 시간이 걸립니다. 따라서 평소에는 로딩되지 않다가, 디스커스 탭을 활성화 했을 때 로딩을 시킬것입니다. Disqus 로딩 스크립..
Disqus 댓글이 생소해서, 혹은 라이브리 처럼 남긴 댓글이 sns에도 그대로 뜨는건 아닐까 해서 댓글남기기 꺼려하시는 분들이 많은 것 같습니다. 그래서 이번 글에서는 디스커스 댓글 창 위에 안내문구를 삽입하는 방법을 알아보겠습니다. CSS의 pseudo-element selector인 :before를 이용하여 간단히 마칠 수 있습니다. 디스커스를 skin내에 여러군데 삽입한 경우에도 모든 곳에 일괄적으로 표시되어 편리합니다. 적용 방법 html/css편집에 들어가서style.css에 다음을 추가해줍니다.#disqus_thread:before { white-space: pre; content: "SNS계정으로 댓글을 달아도 SNS에 글이 남지 않습니다.\a 비회원 댓글을 남길 때 이메일 주소를 입력하시..
dIsqus를 사용하고부터 disqus와 티스토리 댓글사이에서 고민이 많았습니다.둘 다 사용하자니 댓글창이 너무 길어지고.. 하나만 사용하자니 어느한쪽 이용자를 버리게되죠.댓글이 활성화된경우(이 블로그에서는 아니지만..) 티스토리 댓글을 남기고싶은데 어딨는지 한참찾아야 되는 문제도 있었습니다. 그래서 고민끝에 댓글에 탭으 달기로 했습니다.소스는 아래의 것을 참조, 변형했습니다.http://codepen.io/anon/pen/LdyCr 업그레이드이 포스트는 오래된 포스트입니다. 아래 링크를 통해 업그레이드된 탭을 적용해보세요. - 티스토리 댓글 탭으로 보기 - CSS만으로!.트랙백이 탭에 포함됨.디자인 개선.jQery스크립트를 사용하지 않음 적용 방법 1. skin.html에서 부터 를 찾습니다. 이부분이..