본문 바로가기

티스토리

자신의 블로그가 HTML5 기반이라는 것을 대놓고 자랑해보세요! - W3C HTML5 위젯 HTML의 규격을 만들고 표준을 지정하는 기관인 W3C(World Wide Web Consortium)에서 HTML5용 홍보 베너를 제공합니다. HTML5 구조로 만들어진 블로그라면 이 베너를 달아서 자신의 블로그가 (대한민국 포털과는 다르게) 선진 기술과 표준 정착에 앞서고 있다는 것을 알려보세요! W3 벳지 빌더 이 곳에서 자신의 사이트에 적용된 항목을 골라서 로고를 만들 수 있습니다. 로고에 표시되는 항목으로는 HTML5의 주요 기능인 시멘틱스, 오프라인 스토리지, 기기 접근성, 연결성, 멀티미디어, 3D 그래픽스, 성능&연동, CSS3로 구성되어 있습니다. 블로그에 달린 모습 HTML5는 Web Hypertext Application Technology Working Group (WHATWG)가 .. 더보기
티스토리에 마이믹시 위젯 설치 방법 아시다시피 믹시에서 기본 제공하는 위젯중, 자신의 발행글 목록이나 추천 목록을 보여주는 기능인 마이 믹시 위젯이 있습니다. 그러나 믹스업 버튼과달리 믹시 위젯은 코드를 받으러 가보면 익스플로러이외의 브라우저 에서는 받아지지도 않고, 그것도 IE10이하에서만 페이지가 로드되는등 상당히 병크스러운 모습을 보이고 있습니다. (인터파크 이 양반들아 지마켓 팔아먹고 돈도 댑따 많이 벌었으면서 서비스 개선 의지좀 보여봐!!) 시대가 어느시대인데 아직도 크로스 브라우징을 지원안하는 믹시 -_- 믹시에서 기본 제공하는 마이믹시 위젯의 경우 다음과 같은 코드를 제공합니다. 플러그인 화면, 사이드바에 마이믹시 위젯은 작동하지 않습니다. 그러나 막상 페이지에 적용하고 보면 작동이 안 됩니다. -_- 게다가 플러그인을 활성화.. 더보기
티스토리의 숨겨진 치환자/기능들 티스토리의 알려진 페이지 치환자로는 검색 결과, 태그로그, 위치로그, 포스팅 본문이 있습니다. 티에디션이나 테터데스크라는 것도 있지만 플러그인 개념으로 기본 포스팅 부분에 덮히는 것이라서 치환자로 분류 되지는 않습니다. 그런데 여기에 알려지지 않은 치환자가 2개 더 있습니다. 바로 '키로그'와 '미디어로그'입니다. 키로그는 키워드 플러그인 사용시에 본문에 뜨는 키워드를 태그 로그 처럼 한대 모아서 보여주는 기능입니다. 텍스트큐브의 기능 중에 하나이며 티스토리에서는 플러그인으로 끄고켜는 기능인줄 알았는데, 베이스가 같다보니 굳이 플러그인을 켜지 않고 치환자만으로 페이지를 활성화시킬수 있습니다. 키로그 관리 → 플러그인 에서 사용 여부를 선택할수 있는 키워드 플러그인 입니다. 포스팅시 특정 문구를 제목으로 .. 더보기
스킨 마이너 업데이트 V 2.8 요소간의 간격을 줄여서 스크롤바의 길이를 축소하고 한화면에서 되도록이면 많은 내용이 보일수 있도록 수정했습니다. 평균적으로 모든 요소의 margin을 10이상 덜어 냈습니다. 세부적으로 변경사항을 살펴보자면...카테고리 다른글의 테두리를 없애고, 다음뷰와 믹시 위젯의 길이차를 보완하고 카테고리 다른글과 더 자연스럽게 보일수 있도록 했습니다. 아래 다음뷰 최신글과 인기글 위젯의 색상을 변경, 눈에 잘띄게 바꾸었습니다. 작자 소개 부분도 크기를 줄이고 쓸데없는 플립 애니메이션 삭제, 크기 감소 타이포 수정을 가했습니다. 아래에 있던 소셜도구와 작자 소개를 통합시켰습니다. 태그 부분도 대폭수정했습니다. 1줄을 넘어가지 않으면 옆으로 밀려나가는 현상을 없앴습니다. 거대한 말풍선형태의 공유버튼을 알약형태로 변경했.. 더보기
티스토리 에디터에서 Span이 강제로 붙는 버그 알아보기 티스토리의 WYSIWYG 에디터는 한 문장을 작성시 자동으로 p 태그로 감싸며, 줄 바꿈시 라는 태그를 자동 생성합니다. 그런데 가끔 장문의 글을 작성해놓고 보면 중간중간에 폰트가 작아지는 경우를 볼수가 있습니다. 이때 HTML 보기를 선택하면 단어 사이에 라는 태그가 끼어들어가있고 빈칸은 로 대체 된것을 볼 수 있습니다. 이는 일종의 버그로 보입니다. 추가로 엑수시아님의 올린 포스팅에 의하면 이런 증상은 이전에 없다가 요즘 생겼다고 포스팅 하셨습니다.http://zion437.tistory.com/275 그러면 "어떤 상황에 이런 버그가 나타나는가?"를 알아봤습니다. 여러가지 방법이 있겠지만 크게 2가지 경우에 나타 납니다. 글을 작성하다가 다른 문장에 있는 단어를 복사하여 현재 작성중인 곳 바로 뒤에.. 더보기
네이버에 검색 등록하기 국내 최대포털, 외국에서는 듣보잡인 네이버 무료 검색등록을 해보겠습니다. PC버전 네이버 같은경우 검색이 아니라 광고 검색인지라, 유입수가 별로 없지만 모바일은 꽤 들어오는 편입니다.개인적으로 별로 좋아하지 않는 포털이지만 이용자 수가 많아대가리수가 깡패다보니 네이버 유입도 신경을 써야 하는게 현실이네요 https://submit.naver.com/ 일단 네이버 검색 등록에 접속합니다. 신규등록을 누르고 홈페이지 노출 → 등록신청합니다. URL 입력해서 중복확인 해주시고 , 신규등록 신청을 누릅니다. 등록신청 정보를 입력합니다. 체크 표시 되어있는 것은 필수적으로 입력해야 넘어갑니다. 저 부분을 잘 못 작성하더라도 나중에 수정은 할 수 있지만, 수정하는데도 약5일 정도가 소요되니 처음 할때 신중하게 하시.. 더보기
티스토리에 라이브파이어 소셜 댓글 달기 티스토리는 html을 수정 할 수 있기 때문에, 댓글 시스템도 굳이 티스토리에서 제공하는것을 사용 하지 않아도 됩니다. 티스토리 댓글 같은 경우 알림을지원하지 않고, 소셜 네트워크로 로긴하여서 댓글을 다는 기능을 제공하지 않아 상당히 불편한데요, 이는 외부 플러그인 설치를 통하여 해결할수 있습니다. 물론 라이브 리라는 별도 플러그인이 있긴하지만 속도도 상당히 느리고 버그가 많아서 저는 사용하지 않습니다. 참고글: 2013/12/18 - [Tutorials /Tistory] - 라이브리를 당장 티스토리에서 떼어 내야하는 이유 10가지 라이브파이어 홈페이지에 접속합니다. http://web.livefyre.com/ 사이트에 우선 가입을 합니다. (sign in을 누르세요) 계정을 만듭니다. 이름을 적고 블로.. 더보기
티스토리 주소에 이상한 숫자가 따라 붙을때 해결방법 이렇게 주소 뒤쪽에 무언가 숫자가 붙은 경우가 있을겁니다. 사실 모든 블로그에서 발생하는 현상은 아니고요, AddThis에서 제공하는 쉐어 버튼을 적용했을 경우에 나타나는 현상입니다. 이는 쉐어버튼을 통해서 AddThis가 제공하는 통계를 불러오기 위해서 붙이는 일종의 ID로서 옵션 설정으로 주소가 표시되는 것을 막을수 있습니다. 애드 디스 버튼은 다음과 같은 코드로 구성이 됩니다. 여기서 data_track_addressbar의 값이 true로 설정되어있을시 발생하는 현상입니다. 이는 값을 false로 바꿈에 따라 간편하게 해결가능합니다. 더보기
티스토리 속도향상 프로잭트 - 자바스크립트 위치 변경 HTML문서에서는 자바스크립트는 CSS에 비해서 있어도 그뿐, 없어도 그뿐입니다. 물론 특정한 요소는 자바가 없으면 아예 구동이 되지 않지만, 블로그의 주 목적은 포스팅을 게제 하는 것이고 그 본연의 목적하에서는 자바스크립트는 크게 중요한 요소가 아닙니다. 사실 구글 웹사이트 개발 지침에서 보면 html과 css 만으로 사이트가 구동되어야 하며, 자바는 추가 적인 요소 이어야 한다고 명시되어 있습니다. HTML 페이지는 페이지에 나타난 순서 부터 불러오게 됩니다. 그래서 보통 head 안에 link로 css를 넣으라고 하죠. 왜냐면 css가 가장 먼저 로드 되어야 페이지가 똑바로 뜨기 때문이죠. 정말 궁금하신 분들은 실험을 해보셔도 됩니다. css를 body 태그 맨 아래쪽에 놓고 태스트 해보세요 보통 .. 더보기
스킨 업데이트 Ver.2.7 Ver.1이 7월말이었는데 벌써 Ver.2.7 까지 왔습니다. 주요 업데이트 사항을 살펴보도록 하겠습니다. 검색페이지를 완전히 바꿨습니다. 기존의 9칼럼, 3칼럼 조합 대신에 2+2칼럼, 8칼럼 구조로 바꾸었습니다. 게시글 같은 경우, 제가 올리는 모든 게시글이 미리 보기 사진이 있다는 점에 착안하여 masonry 방식의 겔러리를 도입했습니다. 일반 포스팅에서는 3단형 카테고리로 제가 직접 코드를 짜서 만든 것을 사용하고 있지만 검색페이지에서는 티스토리 일반 카테고리를 사용하실수 있습니다. 카테고리 위쪽에는 AddThis에서 제공하는 인기글 뷰어를 설치했습니다. 갤러리 뷰 위쪽에는 티스토리 검색창이 있지만 현재 알 수 없는 이유로 검색이 제대로 작동하지 않고 있습니다. 빠른시일내에 수정할 계획입니다.하단.. 더보기

티스토리툴바