본문 바로가기

티스토리

섬네일 방식의 다른 글 보기 위젯 도입 기존의 있던 티스토리의 카테고리 다른글이 자리만 너무 많이 차지하고, 방문자가 다른 항목으로 이동하는데 별로 도움을 주지 않는 것 같아서 없애버리고 다른 섬네일 방식의 추천글로 바꾸었습니다. 사진 크기가 좀 작게 떠서 아쉽긴한데, 일단은 만족합니다. 써보다가 맘에 안들면 다른 플러그인을 알아봐야 겠습니다. 더보기
구글의 새 반응형 광고 코드와 그에 따른 딜레마 구글이 며칠전부터 새로 업그래이드 된 반응형 광고 코드를 지원합니다. 새로 생긴 옵션인 스마트 크기 조정(권장)을 선택하면 됩니다. 기존 반응형 광고 코드가 미디어 쿼리를 이용해서 컨테이너의 크기를 조절하는 방식이었다면, 이제는 스크립트 자체가 화면의 너비를 계산해서 알맞는 광고를 보여줍니다. 게다가 가로인지 새로 인지도 자동인식해서 모바일 기기에서 가로새로 모드 변경시 광고를 리프레시하는 기능까지 갖추게 되었습니다. (이건 정말 사랑하는 기능입니다.) 그리고 반응형 광고단위를 쓰시는 분들이 속을 많이 썩는 부분이 "중앙정렬" 인데요, 예전에는 미디어 쿼리로 margin:auto를 breakpoint마다 넣어줘야 했던데 비해서 이제는 스크립트가 알아서 중앙정렬을 시킵니다. 벌써부터 인생이 한결 편해진것 .. 더보기
스킨 갤러리 오픈 가만 보니 제가 티스토리에 이주한 이후로 스킨을 꽤 많이 만들었더군요 보관용 장식장을 만든다는 기분으로 스킨 갤러리를 한번 만들어 보았습니다. 각 스킨 별로 스팩이 기제 되어있어, 무슨 언어가 사용되었는지, 무슨 플러그인이 사용되었는지, 무슨 프레임웍 바탕인지, 심지어 IE 호환성도 알 수 있습니다. 게다가 현재 배포 중인 스킨은 바로 다운로드 페이지로 접근 할 수 있습니다. 깨알 같은 비하인드 스토리는 덤입니다. 절반으로 자르는 레이아웃은 처음 시도해 보았는데, 생각보다 반응형 만들기가 까다로워서 지원하지 않고, 아직까지는 PC에서, 그것도 1440px이상의 모니터에서 보시는 것을 권장합니다. 스킨 갤러리 바로가기 더보기
프로필 페이지 개편 간결하고 깔끔하게 프로필 페이지를 새로 디자인 했습니다. 취미란과 좋아하는것/싫어하는것 란은 따로 만들 계획을 가지고 있으나 귀찮아서 언제할지는 의문이네요 -_-a 더보기
모바일 용 블로그 웹클립 아이콘을 만들어보자 웹사이트에서 자신만의 개성을 나타내는 방법은 다양합니다. 그 중에 하나는 파비콘입니다. 파비콘은 Favorite Icon의 줄인 말로 IE5 부터 사용 되어온 역사와 전통을 자랑하는 요소입니다. 파비콘은 ico 파일로 구성되어 있으며, 티스토리에서는 관리자 페이지에서 이를 변경하는 것이 가능합니다. 티스토리 파비콘 관련 관리자 페이지 파비콘은 기본적으로 ico 파일을 이용하며, 16x16이라는 아주 낮은 해상도의 이미지를 사용합니다. 그래서 모바일 기기에서는 일종의 아이콘 형태로 홈화면에 위치하게 되는데, 그러기 위해서는 해상도가 턱없이 부족하게 됩니다. iOS가 처음 개발 되었을때는 잡스가 네이티브 앱 구동용 sdk를 공개하지 않으려 했습니다. 왜냐면 웹앱이 미래라고 봤고 html기술이 발달하면 네이티.. 더보기
카테고리 별 스킨 2종 추가 리뷰용 스킨 - 오른쪽 사이드바가 있는 2단 레이아웃 이며, 위에 목차가 따라서 내려오게 되어있습니다. 목차의 제목을 눌리면 글의 해당 부분으로 바로 이동하게 되어있습니다. 해외 IT 매체 사이트에 가보면 볼 수 있는 것인데 한번 구현해봤습니다. 음악 스킨 - 이전게 마음에 안들어서 또 갈아 엎었습니다. 이번에는 좀 차분하고 범용적으로 사용 할 수 있는 모습으로 디자인 했습니다. 더보기
티스토리에 소셜 라이브 채팅방을 달아보자 - Spot.im 티스토리에 채팅방을 달아보고 싶다는 생각을 해보신 적이 한번 쯤은 있으실 겁니다. (아님 말고요) 가가라이브나 유챗, d챗등 티스토리에서 사용 할 수 있는 채팅방이 여럿 있습니다. 하지만 이것들의 문제점은 무엇일까요? 그렇습니다. 최근의 시류에 전혀 따라가지 못하고 있는 채팅방이란 것이죠. 모바일에서는 접속도 안 될 뿐더러 심지어 선사시대 유물인 플래시로 되어 있는 경우도 있습니다. 관리자 기능은 빈약하기 짝이 없고, 스팸 관리도 안 되며, 사진 파일 공유 같은 간단한 기능조차도 지원하지 않습니다. 사실 국내에서 블로그에 설치하는 채팅방은 접속만 하면 크게 제한 없이 메시지를 남길 수 있는 구조로 되어 있습니다. 그래서 인지 온갖 광고나 스팸으로 도배되기 쉽습니다. 그에 비해 오늘 강좌에서 소개할 스팟i.. 더보기
현재 스킨 작업의 주안점들 - 다운로드 링크/ CCL/ 주석 벌써 적용한지 2주가 지났지만 여전히 압축을 하지 않고 세부수정을 가하고 있습니다. -_-;;대부분 남은 소소한 작업 때문인데요, 주로 "티스토리의 냄새"를 없애기 위한 작업이라고 보시면 됩니다. 특히 이번에 공들여서 변경한것이 다운로드 아이콘과 CCL아이콘 입니다. 다운로드 아이콘은 이전의 쪼그만한 아이콘에 이게 다운로드링크인지 뭔지 구분도 안 가던 것에서 이제는 한눈에 확 띄게 바뀌었습니다. 사실 모바일 배려 측면도 없지 않아 있습니다. 운영체제의 고도화로 안드로이드나 아이폰에서도 파일을 다운로드 받고 수정이 가능하죠. 하지만 이전의 작디작은 링크 버튼으로는 터치기기 사용 하실때 몸에 사리가 생기실거라 생각되어 큼직큼직하게 만들었습니다. CCL아이콘도 변경을 했는데요, CSS 스프라이트로 이미지를 구.. 더보기
티스토리에 스팟 채팅방을 설치했습니다. spot.im에서 제공하는 채팅 서비스를 설치해보았습니다. spot.im의 한국 메니저인 김현진님의 추천으로 설치를 해보았는데요, 인터페이스도 미려하고 생각보다 기능이 굉장히 강력해서 좋은 것 같습니다. 티스토리에 채팅방을 한번쯤 달아보고 싶었으나 가가라이브의 스팸이 싫고 매번 채팅방에 새로 접속하는게 불편하다면 spot.im을 사용해보시는것도 좋을것 같습니다. ^^조만간 초보자용 설치가이드도 올려봐야겠내요... 사실 저도 방금막 깔아서 뭐가뭔지 @_@) 간단히 말해서 대화내용도 저장되고 사진도 보낼수 있으며, 페이지를 이동해도 채팅방이 그대로 살아있는 초강력 라이브 채팅방입니다. ㅋㅋ아직 반응형 웹은 지원을 하지 않긴하지만 그 외에는 흠잡을 곳이 없습니다. ㅎㅎ아래는 스크린샷입니다. 사실 옆에 있는 채.. 더보기
초고화질 티스토리 로고& 벡터 고화질 로고는 둘째치고 자사 CI를 별도로 제공하지 않는 곳은 티스토리 밖에 없을겁니다. -_- 매번 쓸일이 생길때마다 저화질의 로고에 학을 떼는 지라 고화질로 다시 만들어 보았습니다. 1920x1080의 티스토리 로고 입니다. 직접 펜툴로 따서 만들었습니다. 벡터파일도 첨부합니다. 쓰실 분은 받아서 쓰세요 더보기

티스토리툴바