티스토리팁 10

티스토리 댓글란 초기입력상태 한글로하기, 한글자동입력,한글입력모드로 자동변환

티스토리 댓글란 초기입력상태 한글로하기, 한글자동입력,한글입력모드로 자동변환 티스토리를 운영하다보면 하면 할 수록 참 편리하다는 생각을 합니다. 이는 네이버블로그나 타 블로그를 이용해보지 않은 분들은 그런 생각이 오래가지 못할 수 있는데.. 네이버 블로그와 병행 운영하다 보면 티스토리가 너무 편리하다는 생각을 날마다 하게 됩니다. 물론 스킨수정이라든지.. 어떤 기능적인 부분에서 필요한 기능을 추가하는 일이 시간이 걸리고 잘 안되는 경우도 있겠지만.. 불편함을 감수하고 계속해서 사용하는것보다 시간들여서 편하게 고쳐 쓰는것이 속이 후련한것 같습니다. 오늘은 블로그 댓글란의 초기 입력상태를 한글입력상태로 하여 자동으로 한글로 입력되도록 하는 방법에 대하여 글을 써볼까 합니다. 티스토리를 운영하다가, 네이버블로..

블로그팁 2012.12.21

[CSS] 티스토리 포스트 제목 스타일(style)

[CSS] 티스토리 포스트 제목 스타일(style) 이글은 style.css 완전정복 3 에서 이어집니다. 오늘은 티스토리의 포스트 제목부 (title, 카테고리, 날짜) 대한 스타일 구성 및 스타일 수정에 대해서 알아보겠습니다. 편의상 존칭은 생략하겠습니다. 포스트 제목부와 스타일 포스트의 제목스타일을 알기 위해서는 skin.html 파일을 먼저 확인해야 한다. skin.html에서 제목에 사용하는 스타일이 어떤 이름으로 선언되어 있는지 알아야 한다. 아래의 내용은 skin.html 소스중 포스트 제목과 카테고리, 날짜 부분이다. 위의 내용중 빨강 테두리 부분이 포스트제목 부분이며 그 아래로 카테고리와 날짜가 배치되어 있으며 사용된 스타일(class)를 확인할 수 있다. 포스트 제목부로 선언된 스타일시..

style.css 완전정복 3 <블로그 본문 영역 css>

style.css 완전정복 3 지금까지의 css 관련글에서는 css 관련 속성이나 선택자들 중에서 기본적이면서 가장 많이 사용하는 속성위주로 설명을 드렸으며 기본적인 사항은 어느정도 마무리가 된것 같습니다. 그래서 오늘은 티스토리에서 블로그의 포스트와 관련된 스타일시트(css)에 대해서 설명을 하도록 하겠습니다. 설명할 내용을 요약하자면 다음과 같습니다. 포스트내의 글자크기, 글꼴, 글자색에 대한 스타일시트 포스트내의 링크색 및 표현방법 포스트 영역의 넓이 지정 PARTICIPATION, or 37 pieces of library flair (also a 365days shot) by cindiann 블로그 포스트영역 스킨 구조(skin.html) 이해하기 에서 설명했지만 티스토리는 크게 header 영..

[css]스타일쉬트 여백 지정시 꼭 알아야 할 padding, margin, width 정리

[css]스타일쉬트 여백 지정시 꼭 알아야 할 padding, margin, width 정리 일반적으로 사용하는 스타일쉬트에 대해서만 간략하게 정리하려고 했는데 생각보다 그리 녹녹치가 않네요! 이미 시작을 했으니 끝내긴 끝내야겠는데.. ^^ 그래도 이웃분들의 염려와 걱정덕분에 힘 받아서 또 열심히 정리를 시작해보겠습니다. 편의상 지금부터는 평어체를 사용할것이므로 양해 바라겠습니다. css의 사용법을 모르는 분은 이 글을 읽기 전에 "스타일시트(CSS) 이해하기 for 티스토리를 먼저 읽기를 권한다. 오늘은 padding, margin 그리고 적용되는 범위와 width에 대해서 알아볼까 한다. padding이나 margin은 둘다 컨텐츠의 상하좌우에 여백(공백)을 줄때 사용하는 속성이다. padding, ..

티스토리 스킨 style.css 완전정복 2

티스토리 스킨 style.css 완전정복 2 이 글은 티스토리의 style.css의 내용에 대한 이해를 통하여 css도 배우고 티스토리 스킨을 변경하는데 도움이 되기를 바라는 마음에서 포스팅을 하며 "티스토리스킨 style.css 완전정복 1"에서 이어지는 글입니다. 편의상 평어체를 생략합니다. 사설없이 바로 들어가겠습니다. ^^ 글자크기 태그 h1, h2, h3 ... h는 글자크기를 지정하는 태그입니다. h1이 가장 큰글자이고 h2, h3, h4...h6 까지 숫자가 클수록 글자는 작아진다. style.css 완전정복 의 결과물은 아래와 같습니다. style.css 완전정복 h1의 원래크기는 위와 같지만 스타일쉬트를 아래와 같이 지정하면 h1 {font-size: 0.8em;color:#003366}..

티스토리 스킨 style.css 완전정복 1

티스토리스킨 style.css 완전정복 1 티스토리는 이용자측면에서 보면 skin.html과 style.css로 구성되어 있다. skin.html : 블로그의 구조 및 컨텐츠 표시 style.css : 블로그에 표시되는 문단 및 글자에 대한 여러가지 속성을 담고 있는 파일로 skin.html에서 호출하여 사용됨 이 2개의 파일중 여기서 설명하려는 내용은 style.css 파일속에 들어있는 내용의 일부이다. style.css에는 블로그 제목의 크기 및 색깔, 블로그의 링크색, 글자색, 폭, 줄간격, 배경색등의 정보가 담겨져 있고 블로거가 언제든지 임의로 수정이 가능하여 본인만의 스킨을 만들 수도 있다. claire 04 © studio.es by Vincent Boiteau 이 style.css 파일속에 ..

티스토리 치환자 정리

티스토리 치환자 정리 티스토리의 skin.html을 보면 [ ##_title_##] 와 같은 텍스트를 볼 수가 있는데 이게 바로 티스토리에서 사용되는 치환자라고 하는 것입니다. 티스토리의 치환자는 실제로 웹화면에 표시되는 컨텐츠(포스트제목, 포스트내용, 댓글, 글의 목록, 태그등등)를 표시해주는 변수와 비슷한것으로 시스템 이해의 어려움과, 반복되는 내용을 HTML로 매번 작성해야 하는 번거로움을 최소화하기 위하여 자주 사용하는 부분을 정리하여 상수화한것입니다. 자주 사용하는 치환자 여기서는 자주 사용하거나 중요한 치환자만 정리를 하도록 하겠습니다. skin.html에서 아래의 치환자가 들어간 위치에는 설명에 적혀진 내용이 표시가 됩니다. ※ 치환자는 화면표시를 위해서 대괄호([) 다음에 한칸을 띄었는데 ..

티스토리 뽀개기 - 스킨 구조(skin.html) 이해하기

티스토리 스킨 구조 이해하기 수개월전부터 올리려고 했던 내용인데 이제서야 막을 열었습니다. 티스토리는 블로그를 임의로 꾸밀수 있도록 스킨파일(skin.html)과 웹문서 양식파일인 스타일시트파일(style.css)을 제공합니다. 블로그가 운영되기 위해서는 이 2개의 파일외에도 훨씬 많은 파일들이 필요하지만 블로거에게는 별로 필요없는 파일이기 때문에 보일 필요가 없습니다. 그러므로 티스토리로 블로그 운영을 하기 위해서는 이 2개의 파일내용만 이해를 한다면 본인이 원하는 형태로 자유롭게 꾸밀 수가 있습니다. 하지만 html 이나 css를 전혀 모르는 분이라면 조금의 어려움이 있습니다. 하지만 어려워도 알아야 하는 내용이고 모르면서도 소스를 들여다 봐야 하는 것이 티스토리입니다. 그렇기 때문에 아는만큼 쉽게 ..

티스토리 블로그꾸미기 - 메뉴,사이드바,애드센스등

티스토리 블로그꾸미기 - 메뉴,사이드바,리스트,애드센스등 티스토리에서 블로그를 시작하면서 스킨의 일부를 변경을 했습니다. 메뉴와 링크, 제목색등의 아주 작은 부분인데 묻는 분들이 많이 계시는군요! 사실 대부분의 내용들은 이미 블로그에 올려져 있는데 찾지를 못하는 것이죠! 글을 올린 본인조차도 자신의 글을 쉽사리 찾을 수가 없으니 방문하신 분이야 말하면 입만 아프죠! 검색기능을 이용하면 조금 쉽게 찾을 수는 있겠지만 블로그의 검색기능은 블로그만의 특성을 가지고 있지 않아 글이 많아지게 되면 검색이 쉽지 않습니다. 티스토리에 바라건데 태그로 검색하거나 제목으로 검색하는 등의 기능을 넣어 주시면 좋겠습니다. 검색을 하면 제목부터 본문까지 너무 폭 넓게 검색되어 원하는 내용을 찾기가 쉽지가 않거든요! 필자가 비..

블로그팁 2009.08.17

초보 블로거를 위한 블로그

초보 블로거를 위한 블로그 몇주전에 사내 블로그 교육을 한적이 있습니다. 80여분 정도의 시간으로 블로그에 대한 모든 내용을 교육할 수는 없기 때문에 블로그에 대한 개념과 용어, 비즈니스 블로그가 나아갈 방향, 웹2.0에 대한 기본 개념만 설명하였답니다. 회사가 인터넷 온라인 업체라서 컴퓨터를 모르고는 업무를 볼 수가 없지만 요즘은 컴퓨터가 너무 사용하기 쉬워 마우스 클릭만으로도 대부분의 업무처리를 할 수가 있기 때문에 모든 직원이 컴퓨터에 능통한 것은 아닙니다. 회사 비즈니스 블로그를 티스토리에 둥지를 틀었기 때문에 기본적인 html과 css도 알아야 하는데, html을 아는 직원은 웹디자이너 2명을 포함하여 겨우 3명, css를 아는 직원은 2명정도밖에 되지 않습니다. 또한 티스토리의 기본적인 사용법..

블로그 관련 2008.12.02