[ Tistory ] 댓글 관련 스크립트를 사용할 때 티스토리에서 댓글에 관련된 스크립트를 사용하고자 할 때는 반드시 댓글 목록을 펼쳐서 사용해야 한다. 만일 펼치지 않고 사용 시 모든 스크립트가 무시된다. 댓글 자동 링크 플러그인은 물론 다른 자바스크립트를 이용하여 효과를 넣는 경우 댓글 목록을 펼치지 않고 접어서 시작하면 작동이 되지 않습니다. 댓글 관련 스크립트를 적용하기 위해서는 "관리 센터 > 화면 설정 > 화면출력 > 펼침 설정"에서 댓글 펼침을 체크 하셔야 합니다. 댓글을 펼치지 않고 스크립트를 적용할 수 있는 방법을 알고 있다면 알려 주세요. 광고 [Tistory] 티스토리 상황에 맞는 로그인 링크 바꾸기 지난 포스트에서 "티스토리의 로그인 체크"하는 방법에 대하여 알아보았습니다. 관련글 1. [Tistory] Jquery를 이용한 티스토리 로그인 체크 2. jQuery 를 이용하여 티스토리의 온/오프 상태를 확인하는 방법 그전에도 한번 티스토리 블로그의 상단에 뜨는 티스토리 툴바를 이용한 로그인 체크를 다루었는데 스킨을 바꾸면서 이 툴바를 숨기는 바람에 작동이 안 되는 것으로 착각하였습니다. 그러나 소스를 살펴보면 이 툴바가 보이지 않도록만 설정한 것이지 실제로는 해당 코드는 이미 뿌려져 있는 상태라는 것을 알 수 있었습니다. 따라서 "티스토리의 로그인 체크"의 경우 이 태그를 체크하는 것만으로 만들 수 있게 되었습니다. 티스토리 상황별 로그인/로그아웃 메뉴 달기 이 방법의 특징이 방법은 티스토리 블로그.. 광고 [Tistory] Jquery를 이용한 티스토리 로그인 체크 티스토리 블로그를 운영하면서 스킨을 손보다가 로그인 체크 방식에 대하여 고민끝에 새로운 방법을 시도해 보았습니다. 제가 생각한 새로운 방법에 대하여 살펴 보겠습니다. 주의 이미지상에서 보이는 변수 login-ck를 login_ck로 변경하여야 합니다. login-ck의 경우 연산 처리를 하여 정상 작동하지 않습니다. 1. 변수 지정 스킨 편집의 HTML 수정란에서 상단에 당음과 같이 입력하여 변수를 지정합니다. 2. 로그인 메뉴 Class 속성 부여 로그인을 감싸고 있는 태그에 Class 이름을 지정 합니다. 3. 방명록과 댓글에서 로그인 체크 방명록에서 입력란의 변화를 보면 로그인시 일부 폼이 사라지는 것을 확인 할 수 있습니다. 즉 태그 안에 위치한 태그들은 로그인을 하게 되면 보이지 않습니다. 따라.. 광고 jQuery 를 이용하여 티스토리의 온/오프 상태를 확인하는 방법 jQuery 를 이용하여 티스토리의 온/오프 상태를 확인하는 방법을 알아 보겠습니다. $('#tistorytoolbarid').ready(function(){ var logout = $('.tt_menubar_logout').text(); if (logout === "로그인"){ $('#topmenu .tistory_logon').css('display',''); $('#topmenu .tistory_logoff').css('display','none'); } else { $('#topmenu .tistory_logon').css('display','none'); $('#topmenu .tistory_logoff').css('display',''); } $('#tistorytoolbarid').css('.. 광고 티스토리 본문 날짜 분리해서 사용하기 티스토리의 작성날짜를 분리해서 사용하는 방법에 대하여 알아보겠습니다. 티스토리의 본문 작성 날짜를 불러오는 치환자는 입니다. 이 치환자는 반드시 , 사이에 있어야 제대로 글 적성일의 날짜를 끌오 올 수 있습니다. 이제 자바스크립트를 이용하여 분리해보겠습니다. var a=[ ##_article_rep_date_##]; var b = a.split(' '); var c = b[0].split('/'); var y=c[0]; y *= 1; var m=c[1]; m *= 1; var d=c[2]; d *= 1; 살펴보면 에서 받은 날짜를 a에 저장합니다. 그럼 위 치환자는 "2015/09/12 14:58"형태의 날자를 불러옵니다. 이제 var b = a.split(' ');를 이용하여 날짜와 시간을 분리합니다... 광고 [수정] Jquery를 이용한 티스토리 이미지 리사이징 ※ 바로 전 테그의 경우 여러 이미지를 사용 할 경우 문제가 발생하여 수정 하였습니다. 기존에 사용하던 이미지 리사이징이 자꾸 본문을 넘어가서 새로 Jquery를 이용하여 만들었습니다. 소스는 아래와 같습니다. 위의 내용을 복사 후 Tistory의 스킨 편집기중 HTML 편집기 부분에서 위에 삽입 합니다. 삽입시 다른 스크립트에 방해 되지 않도록 주의 하세요. 스크립트를 살펴 보겠습니다. $('img').load( function(){ 위의 스크립트는 이미지가 모두 열리면 실행한다는 내용입니다. var imgblock_width=($('#content').width() * 0.95); var img_width=(imgblock_width * 0.95); 이미지의 imageblock 박스의 크기와 img .. 광고 « Previous 1 2 3 4 » Next
[ Tistory ] 댓글 관련 스크립트를 사용할 때 티스토리에서 댓글에 관련된 스크립트를 사용하고자 할 때는 반드시 댓글 목록을 펼쳐서 사용해야 한다. 만일 펼치지 않고 사용 시 모든 스크립트가 무시된다. 댓글 자동 링크 플러그인은 물론 다른 자바스크립트를 이용하여 효과를 넣는 경우 댓글 목록을 펼치지 않고 접어서 시작하면 작동이 되지 않습니다. 댓글 관련 스크립트를 적용하기 위해서는 "관리 센터 > 화면 설정 > 화면출력 > 펼침 설정"에서 댓글 펼침을 체크 하셔야 합니다. 댓글을 펼치지 않고 스크립트를 적용할 수 있는 방법을 알고 있다면 알려 주세요.
[Tistory] 티스토리 상황에 맞는 로그인 링크 바꾸기 지난 포스트에서 "티스토리의 로그인 체크"하는 방법에 대하여 알아보았습니다. 관련글 1. [Tistory] Jquery를 이용한 티스토리 로그인 체크 2. jQuery 를 이용하여 티스토리의 온/오프 상태를 확인하는 방법 그전에도 한번 티스토리 블로그의 상단에 뜨는 티스토리 툴바를 이용한 로그인 체크를 다루었는데 스킨을 바꾸면서 이 툴바를 숨기는 바람에 작동이 안 되는 것으로 착각하였습니다. 그러나 소스를 살펴보면 이 툴바가 보이지 않도록만 설정한 것이지 실제로는 해당 코드는 이미 뿌려져 있는 상태라는 것을 알 수 있었습니다. 따라서 "티스토리의 로그인 체크"의 경우 이 태그를 체크하는 것만으로 만들 수 있게 되었습니다. 티스토리 상황별 로그인/로그아웃 메뉴 달기 이 방법의 특징이 방법은 티스토리 블로그..
[Tistory] Jquery를 이용한 티스토리 로그인 체크 티스토리 블로그를 운영하면서 스킨을 손보다가 로그인 체크 방식에 대하여 고민끝에 새로운 방법을 시도해 보았습니다. 제가 생각한 새로운 방법에 대하여 살펴 보겠습니다. 주의 이미지상에서 보이는 변수 login-ck를 login_ck로 변경하여야 합니다. login-ck의 경우 연산 처리를 하여 정상 작동하지 않습니다. 1. 변수 지정 스킨 편집의 HTML 수정란에서 상단에 당음과 같이 입력하여 변수를 지정합니다. 2. 로그인 메뉴 Class 속성 부여 로그인을 감싸고 있는 태그에 Class 이름을 지정 합니다. 3. 방명록과 댓글에서 로그인 체크 방명록에서 입력란의 변화를 보면 로그인시 일부 폼이 사라지는 것을 확인 할 수 있습니다. 즉 태그 안에 위치한 태그들은 로그인을 하게 되면 보이지 않습니다. 따라..
jQuery 를 이용하여 티스토리의 온/오프 상태를 확인하는 방법 jQuery 를 이용하여 티스토리의 온/오프 상태를 확인하는 방법을 알아 보겠습니다. $('#tistorytoolbarid').ready(function(){ var logout = $('.tt_menubar_logout').text(); if (logout === "로그인"){ $('#topmenu .tistory_logon').css('display',''); $('#topmenu .tistory_logoff').css('display','none'); } else { $('#topmenu .tistory_logon').css('display','none'); $('#topmenu .tistory_logoff').css('display',''); } $('#tistorytoolbarid').css('..
티스토리 본문 날짜 분리해서 사용하기 티스토리의 작성날짜를 분리해서 사용하는 방법에 대하여 알아보겠습니다. 티스토리의 본문 작성 날짜를 불러오는 치환자는 입니다. 이 치환자는 반드시 , 사이에 있어야 제대로 글 적성일의 날짜를 끌오 올 수 있습니다. 이제 자바스크립트를 이용하여 분리해보겠습니다. var a=[ ##_article_rep_date_##]; var b = a.split(' '); var c = b[0].split('/'); var y=c[0]; y *= 1; var m=c[1]; m *= 1; var d=c[2]; d *= 1; 살펴보면 에서 받은 날짜를 a에 저장합니다. 그럼 위 치환자는 "2015/09/12 14:58"형태의 날자를 불러옵니다. 이제 var b = a.split(' ');를 이용하여 날짜와 시간을 분리합니다...
[수정] Jquery를 이용한 티스토리 이미지 리사이징 ※ 바로 전 테그의 경우 여러 이미지를 사용 할 경우 문제가 발생하여 수정 하였습니다. 기존에 사용하던 이미지 리사이징이 자꾸 본문을 넘어가서 새로 Jquery를 이용하여 만들었습니다. 소스는 아래와 같습니다. 위의 내용을 복사 후 Tistory의 스킨 편집기중 HTML 편집기 부분에서 위에 삽입 합니다. 삽입시 다른 스크립트에 방해 되지 않도록 주의 하세요. 스크립트를 살펴 보겠습니다. $('img').load( function(){ 위의 스크립트는 이미지가 모두 열리면 실행한다는 내용입니다. var imgblock_width=($('#content').width() * 0.95); var img_width=(imgblock_width * 0.95); 이미지의 imageblock 박스의 크기와 img ..
