hi098123 Tistory Tip
썸네일 이미지

HTML기초 : h1 ~ h6 태그

h1 ~ h6 태그는 head라는 의미를 가지고 있습니다. 글머리, 제목을 의미하며 검색엔진에서는 주제를 의미한다고 볼 수 있습니다. 검색엔진이 좋아하는 글 쓰기 큰 주제를 단락별로 h1 ~ h6를 써서 나열하는게 좋습니다. 글 제목 (h1) 주제 1 (h2) 소 주제 1 (h3) 소 주제 2 (h3) 주제 2 (h2) 소 주제 1 (h3) 소 주제 2 (h3) 글을 이런식으로 작성하는것이 검색엔진에서 파악하기 중요하고 사용자가 읽기에도 편합니다. 이런 구성으로 작성하기에 toc(Table of contents, 목차)를 나타내는 기능이 있다면, 의식해서라도 이런 규칙을 적용해서 읽기 좋은 글을 작성할 수 있기 때문에 글을 좀 더 가치있고 와닿게 작성하려면 toc기능을 사용하는것을 권장합니다. 티스토리 ..
썸네일 이미지

HTML기초 : <title>

HTML head에 있는 title태그로 브라우저에서 제목을 표시할 수 있습니다. 이 글은 티스토리 스킨에서의 HTML을 대상으로 설명 합니다. TITLE 태그 이 스킨에서 제목을 표시하는 방법은 이렇습니다. 제목 ... 티스토리 스킨에서 은 페이지 제목을, 은 블로그명을 의미하는데 치환(변환)되어 결과로는 으로 페이지 제목이 표기 될겁니다. 중간에 :: 로 바꾸면 이렇게 표기될것이고요 ... 부분을 제거한다면, 으로 표기될겁니다. ... 주의사항 티스토리에서 제목 표기시 을 제거하시면 안됩니다. 제거시 검색에 큰 불이익을 줄 수 있습니다. 이유는 검색엔진이 모든 글을 같은 내용으로 인식할 수 있기 때문입니다. 티스토리에서 제거시 발생할수 있는 문제로는 검색엔진에서 " - 티스토리" 표시가 될 수 있습니..

HTML기초 : DIV 와 display

div태그와 css display를 다뤄보고자 한다. div태그는 쉽게 무언가를 담을 수 있는 상자라고 보면 좋을것 같다. 구분하기 쉽게 background-color:#eee; (회색)으로 배경색상을 채웠다. 내용 내용 내용 내용 내용 DIV 결과 내용 내용 내용 내용 내용 DIV는 display값이 기본적으로는 block이다. display:block은 꽉 채운다. 조금 자세히 말하자면 부모의 크기를 꽉 채운다. 그래도 width:100%와는 조금 다르다. display:block; display:inline-block; display:inline; 만약 inline-block을 사용한다면? 내용 내용 내용 내용 내용 DIV 결과 내용 내용 내용 내용 내용 inline-block은 이렇게 순서대로 나..
썸네일 이미지

티스토리 보호글 제목제거

제가 제작하는 스킨의 기본 값은 "보호글 제목표시안함" 입니다. 따라서 이 스킨 이용자는 별도로 설정할 필요없습니다. 티스토리에는 검색하면 보호글이 검색이 되는 버그가 있습니다. 검색시 나타나는 티스토리 버그가 있어 스킨 자체에서 제목을 지워줍니다. 그런데 매우 많은 스킨에서 보호글의 제목을 표시하여 보호글임에도 제목이 표시됩니다. + 검색시 보호글 노출은 덤 티스토리 스킨 문서에서 나와있는 코드, 보호글의 제목을 표시합니다. 보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요. 비밀번호 :: 여기에서 제목은 불필요하므로 제거합니다. ""을 "보호 글"로 변경했습니다. 보호 글 보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요. 비밀번호 :: 아주 강력한 방법으로 목록에서 아예 지..
썸네일 이미지

RSS 50개 설정하기

RSS는 Sitemap과 비슷하게 검색엔진에 도움이 될수있습니다. 관리 -> 블로그 -> 기타 설정 -> RSS 50개 -> 저장을 하면 된다. 글로는 복잡한데 아래의 사진으로보면 한눈에 보인다. RSS설정시 크롤러가 쉽게 사이트에 접근이 가능합니다. RSS가 어떤 역할을 하나요? 사이트의 여러 페이지 주소와 글(제목, 내용, 작성일, 작성자, 카테고리 등)을 포함하고 있습니다. 크롤러가 웹 사이트를 알기 쉽게 도와주는데요 더 쉽게 비유를 한번해보자면, 크롤러는 시험을 보는 학생이라 한다면? RSS는 시험 족보라고 보시면 좋을것 같습니다. 웹 사이트를 파악하는데 많은 도움이 됩니다.
썸네일 이미지

모바일 페이지 제거하기

티스토리 관지자 페이지에 접속합니다. 꾸미기 박스에 있는 모바일에 들어갑니다. 사용하지 않습니다. 설정 후 저장 왜 모바일 전용페이지를 안쓰나요? 여러 이유가 있을 수 있습니다. 대표적인 이유는 아래에 나열해보겠습니다. 꾸며진 모바일 스킨을 사용하기 위해 반응형 스킨인 경우 꾸며진 모바일 스킨을 사용하기 위함이 있습니다. 반응형으로 만들었는데 기본 티스토리 모바일버전을 사용하긴 좀 그렇죠.. (당연히 원하는 디자인으로 꾸며진 페이지를 쓰면 좋습니다.) 검색 순위 향상을 위해 검색엔진에 다른 페이지로 두개가 등록되기 때문에 검색이 분산되어 순위오르기 어려울 수 있습니다. 같은 내용으로 /주소 /m/주소 이렇게 두개가 경쟁을 하기 때문에 사용자가 분산되어 검색엔진에서 순위는 오르기 어려울 가능성이 큽니다. ..
썸네일 이미지

카테고리 새 글 표시 지우기

주의 : 티스토리 최초설정값은 주황색 N 이나 한번 설정을 바꾸면 회색 N 으로 변합니다.. 이 표시는 제거할 수 있습니다. 카테고리 관리 -> 새 글 발행 표시 안함 -> 저장 한마디 한번 표시하지 않습니다를 설정하면 다음부터 색상이 무조건 회색으로 변하기 때문에 주의가 필요합니다. ("3일 이내 발행이내에 발행된 글이 있으면 새 글 여부를 표시합니다."를 변경해도 회색으로 변합니다.) 다시 바꾸기 이건 임시 조치로 완벽한 방법은 아닙니다. HTML에 아래의 코드를 넣어줍니다. (head, body 상관없음) 이미지 바꾸기 c=1, c=2 등 1~5번을 입력하시면 원하는 이미지로 바뀝니다. 기본값은 c=5로 설정되어있습니다. 지원 브라우저 IE7 이상
썸네일 이미지

티스토리 스킨 배포 팁

티스토리 스킨에는 skin.html, index.xml, style.css : 필수 파일과, 추가 파일으로 구성되어있다. 아래는 예시 파일 구조 SKIN ─┬─ index.xml ├─ skin.html ├─ style.css ├─ preview.gif ├─ preview256.jpg ├─ preview560.jpg ├─ preview1600.jpg └─ images ─┬─ script.js ├─ background.jpg ├─ background.jpg └─ background.jpg 티스토리 스킨 등록시 한 화면에 올리고, 필수파일(skin.html, index.xml, style.css)이 아닌경우 자동으로 images 폴더 아래로 위치하게 된다. images폴더 없이 한 폴더에 배포하라 그래서 배포..