본문 바로가기

IT테크/블로그소스24

티스토리 블로그 사이드바에 블로그 인기 글 리스트 넣기3 본문 인기 글에 이어 사이드바에 블로그 인기 글 리스트 넣기본문 하단 인기 글 넣기는 아래 주소 참조티스토리 블로그 본문 하단에 블로그 인기 글 넣기2 사이드바 인기 글 리스트는 2종류입니다. 하나는 이미지가 있고 제목이 두 줄로 출력되는 형태고 또 하나는 포스팅 제목만 한 줄로 출력됩니다. 모양은 아래와 같습니다. 각자 사용하시는 스킨들이 달라 줄 간격이 다를 수 있습니다. 코드 안에 주석으로 표시해 두었으니 글자 간격이나 높이가 안 맞으면 조절하시면 됩니다. 전 편에 다운로드 받으신 분은 필요 없습니다. 1. 관리자 페이지 스킨편집에서 CSS 하단에 이미지가 있는 사이드바 스타일 코드 또는 이미지가 없는 스타일 코드를 넣습니다. 둘 중 하나만 넣으세요! 2. 관리자 페이지 스킨편집 HTML에서 가 있.. 2018. 8. 19.
티스토리 블로그 본문 하단에 블로그 인기 글 넣기2 티스토리 블로그 본문 하단에 블로그 인기 글 넣기2지난번에 티스토리 #1 스킨에 블로그 인기 글 넣기를 포스팅 했었습니다. #1 스킨 - http://boogong.tistory.com/55티스토리 블로그에 이 블로그 인기 글 넣기[티스토리 인기 글 #1스킨] 티스토리 블로그 사이드바에 블로그 인기 글 리스트 넣기3 이번에는 #1스킨이 아닌 스킨에서도 사용할 수 있도록 레이아웃을 살짝 변경해보았습니다. 그렇다고 모든 스킨에 100% 맞지는 않습니다. 각 스킨마다 스타일 설정이 다르기 때문에 CSS 파일 수정이 필요할 수도 있고 제 디자인 실력이 엉망이라 수정이 필요 할 수 도 있겠습니다. 우선 본문 하단 부분입니다. 제 블로그 하단에 보시면 댓글 나오기 전에 있습니다. 우선 아래 압축 파일을 다운로드 합.. 2018. 8. 19.
티스토리 블로그에 이 블로그 인기 글 넣기[티스토리 인기 글 #1스킨] #1스킨이 아닌경우 또는 다른 디자인 인기글은 아래 주소http://boogong.tistory.com/56 티스토리 모바일 버전 본문 하단을 보면 “이 블로그 인기 글”이란게 있습니다. PC 버전과 반응형 버전에는 없고 티스토리 자체 모바일 버전에만 있어 자바스크립트를 이용해 모바일 버전에 있는 "이 블로그 인기 글"을 티스토리 반응형 기본 스킨 #1 스킨에 적용해 보려 합니다. ※참고반응형 사용자가 티스토리 자체 모바일 버전을 보시려면 PC에서 본인의 티스토리 주소 끝에 m을 입력하시면 됩니다. 예)http://주소.tistory.com/m 아무 포스팅이나 들어가서 사이트 하단을 보면 이 블로그 인기 글이 있습니다. 우선 아래와 같이 티스토리 #1 스킨 본문 하단에 "이 블로그 인기 글"을 넣어 보았.. 2018. 5. 13.
티스토리 #1스킨 카테고리의 다른 글에 썸네일 이미지 넣기 티스토리 #2스킨을 보면 카테고리의 다른 글에 썸네일 이미지가 나옵니다. #2스킨 뿐만 아니라 다른 스킨에도 적용할 수 있는데요 티스토리 스킨 가이드에 보면 치환자에 대해 설명이 되어 있습니다.티스토리 설명 가이드: http://www.tistory.com/guide/skin/step3#2-9-8치환자에 대한 가이드는 있지만, 스타일에 대한 가이드는 없습니다. 초보분들은 적용하기가 어려울 수도 있을 것 같아 간단하게 티스토리 #1스킨에 #2스킨에 있는 카테고리의 다른 글 스타일을 가져와서 적용해 보도록 하겠습니다. 우선 티스토리 관리자 페이지로 갑니다. 오른쪽에 보면 메뉴들이 있습니다. 스킨편집으로 갑니다. 스킨편집으로 가면 오른쪽에 html 편집 버튼이 있지요. Html 편집 창으로 이동하셨다면 편집창.. 2018. 4. 27.