접은 글 위치 변경 지난 포스팅에서 접은 글 기능의 텍스트를 변경하는 방법을 다루었는데 댓글에서 접기 버튼이 접은 글 뒷부분에 나오도록 수정이 가능한지 묻는 댓글이 있어 확인해본 후 해결하여 스크립트를 작성하였습니다. ※ 지난 글 [개발] 티스토리 접은 글 텍스트 변경하기 접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를 수동으로 변경할.. blog.siyeol.com 결과물 스크립트 삽입 방법 스크립트를 삽입하기 위해서는 블로그 관리 > 스킨 편집 > HTML 편집으로 접속하시면 됩니다. HTML 편집에서 head 태그 내부의 script 태그에 아래 코드를 붙여 ..

접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를 수동으로 변경할 수 있는 스크립트를 작성하였습니다. 결과물 스크립트 삽입 방법 스크립트를 삽입하기 위해서는 블로그 관리 > 스킨 편집 > HTML 편집으로 접속하시면 됩니다. HTML 편집에서 head 태그 내부의 script 태그에 아래 코드를 붙여 넣습니다. // 접은글 텍스트 변경 스크립트 $(document).ready(function(){ $(".btn-toggle-moreless").each(function(){ var text_more = $(this).parent().first().data("text-m..

※ 본 게시물은 티스토리에서 제작 한 Portfolio 스킨을 기준으로 작성되었습니다. 최근 블로그를 다양하게 꾸미기 위해 노력하고 있는데 그중 커버 아이템의 타이틀에 링크를 연결하는 방법을 소개해드리겠습니다. 수정 방법 방법은 매우 간단합니다. 우선 스킨 편집 화면에서 홈 설정을 커버로 변경합니다. 이후 취향에 맞게 커버 아이템을 추가하고 타이틀을 입력합니다. 타이틀 입력 후 HTML의 a 태그를 이용하여 타이틀 내용을 감싸줍니다. 그리고 href 속성에는 이동하고자 하는 페이지의 링크를 작성하고, 새로운 페이지에서 창이 열리기를 원하면 target 속성에 "_blank" 값을 입력하면 됩니다. 아래 예시는 타이틀 제목을 클릭 시 새 창에서 https://blog.siyeol.com/ 으로 이동되는 코..

※ 본 게시물은 티스토리에서 제작 한 Portfolio 스킨을 기준으로 작성되었습니다. 게시물 커버 변경 최근 블로그의 스킨을 Portfolio로 변경을 하였는데 대표 이미지가 없는 게시물의 상세페이지 커버 부분이 예쁘지 않아 조금 더 단정하게 변경하고자 스킨 수정을 하였습니다. 결과물 수정 방법 스킨을 수정하기 위해서는 블로그 관리 > 스킨 편집 > HTML 편집으로 접속하시면 됩니다. 위와 같은 결과물을 얻기 위해서는 HTML과 CSS를 편집하면 됩니다. 우선 HTML 파일에 게시물의 기본 커버 사진을 제거하는 코드를 추가하겠습니다. 코드는 태그 안에 작성합니다. // 커버 기본 이미지 제거 $(document).ready(function(){ if( $(".inner_header").attr("st..