본문 바로가기

블로그

블로그 게시글 오버홀 중입니다. Overhaul [oʊvərhɔ:l] 사전적의미로 따져보면,분해 수리, 점검 정비; 음미, 검토; (비격식) 검진.라고 나와 있습니다. (출처: 다음사전) 블로그 스킨을 몇 번 전환하면서 게시글에 안 쓰는 코드 찌꺼기도 많이 남았고, 지금은 안 써도 되는 구식 방식으로 구현한 부분도 많아서 첫 게시글 부터 하나씩 코드를 개선하고 있습니다. 크롬에서 사용시에 고질적으로 따라 붙은 span 버그도 전부 제거 중이고, 자잘한 에디터 오류도 수정하고 있습니다. 특히 인라인 스타일을 최대한 제거해서 추후에 스킨을 바꾸게 될때도 게시글이 큰 문제 없이 뜨게 하기 위해 신경을 많이 쓰고 있습니다. 글이 좀 많아지니 편하려고 적었던 인라인 스타일이 오히려 발목을 잡고 있는 셈입니다. 귀찮기는 하지만 언젠가는 했어야 하.. 더보기
티스토리 링크 추가 버튼 만들기 티스토리는 네이버 블로그 처럼 네이버me가 있어서 이웃블로그의 일거수 일투족을 보여준다던가, 아니면 다음처럼 친구 맺기 기능이 있다던가, 이글루스처럼 키배를 뜰수 있는 옥타곤을 열어준다던가 하는 기능이 전혀 없습니다. 즉, 친목친목을 할 곳이 전혀 없다는 것이죠. 특별하게 RSS를 구독하거나 아니면 트위터를 팔로우하지 않는 이상은 해당 블로그에서 무슨일이 일어나는지는 알도리가 없습니다. 미약하게나마 티스토리에서도 타 블로거와의 교류를 위해서 링크기능을 제공합니다. 이 링크기능은 타 블로그와 자신 블로그 간의 교류상태를 간략하게 보여주며, 새글이 올라오면 표시도 뜹니다. 다만 새글 알림이 온다던가 하는 고차원의 기능은 없습니다. 그래서 결론은 너무 썰렁해서 무인도라고 불리우는 티스토리 이기는 하지만 서로 .. 더보기
게임 카테고리 스킨 추가 압축 버전을 끝으로 '추가 스킨 제작은 끝~!' 이라고 선언했지만 사이트 몇 군데 돌아다니다가 본 마음에 드는 스타일 몇가지와, 헤더를 세로로 만들어보고 싶어 후딱 작업했습니다. 미디어 쿼리는 이론상으로 세로 해상도도 적용되는 걸로 알고 있어서 시험 삼아 적용 해보았는데, 실제로 세로 해상도 768px 이하로는 헤더가 사라집니다. 더보기
티스토리 운영체제 별 에디터/ 기본 단축키 분석 많은 분들이 아시다시피, 티스토리에는 자체 단축키가 있습니다. 무조건 마우스로 조져야 되는 네이버나, 이글루스 같은 여타 블로그와는 다르게 에디터나 블로그 전반에서 단축키를 지원하기 때문에, 이런 단축키를 몇 개만 알아두면 정말 빠르게 포스팅과 관리를 할 수 있습니다. 하지만 무슨 이유에서 인지 이전에는 에디터 내부에 도움말을 통해서 단축키 파악이 가능하였지만, 어느 새 그 메뉴가 없어졌습니다. 그래서 저도 최근에서야 알게 되어 뒤늦게 정리를 해봅니다. 아마도 이전 사진과 비교해보았을 때 메뉴에 마이피플 스티커가 추가되면서 빠진듯한데, 병크도 이런 병크가 없네요 -_- 시중에 단축키 관련 포스팅이 많이있지만, 운영체제 별로 분석해놓은 것은 없습니다. 윈도우에 IE 구버전 위주로 만들어진 티스토리 에디터는.. 더보기
이글루스 개설하기 전 티스토리 블로그를 이미 만들었지만 다른 사이트 스킨구조도 체험해보고 싶어 이글루스에도 분점을 개설하게 되었습니다. 이글루스는 온네트에서 만든 서비스로, 엠파스에 인수되었다가 엠파스가 네이트에 인수되면서 네이트 소속이었다가 다시 줌 인터넷 (이스트소프트)로 인수된 아주 기구한 운명을 가진 블로그 서비스 입니다. 그러니까 한 마디로 산전수전 공중전 다 겪은 서비스 입니다. 스킨 제작에 제한이 "있는" 국내 용 블로그 서비스 중에서는 이글루스가 구글 블로거와 함께 유일하게 애드센스 코드를 넣을 수 있는 곳 이기도 합니다. 블로그로 수익을 창출하고 싶으나 티스토리 초대장 받는게 지랄 같다면 이글루스도 상당히 좋은 대안이라고 봅니다. 이글루스에 접속하여 회원가입을 누릅니다. 메일을 보내 인증을 받는 방식으로 .. 더보기
빙(bing) 검색등록 + 웹마스터 도구 설치 검색엔진 중 마우스 오버시 동영상 미리보기 기능을 최초로 도입하여 성교육에 지대한 영향을 미쳤다는 공로를 받고 있는 빙 (일명 빙神)에 검색등록하는 방법을 알아보도록 하겠습니다. 그리고 한 가지 추가로 알고 계셔야 할 것은 야후와 빙이 검색 서비스를 같이 사용하고 있기 때문에 빙에 등록만 해도 야후에 등록이 동시에 된다는 것 입니다. 빙 웹 마스터 도구에 접속합니다. 그리고 사이트를 Bing에 제출을 누릅니다. 아래에 url과 captcha를 입력합니다. 검색 등록은 끝났습니다.추가로 빙 에서도 제공하는 자체 웹 분석 도구가 있습니다. 사용하려면 지금 등록을 누릅니다. 자신의 사이트 주소와 트래픽관련 사항을 입력합니다. 이제 자신의 사이트임을 증명하는 일만 남았는데요, 세가지 방법 중에서 티스토리는 2번.. 더보기
알라딘 창작 블로그 개설하기 국내 메타 블로그 업체는 다음 뷰, 인터파크의 믹시, 비록 망했지만 블로그 코리아, 그리고 알라딘의 창작 블로그가 있습니다. 대부분의 메타 블로그들이 글을 모아서 주제별로 정리해주는 방식인데 비해 창작블로그는 연재라는 아주 독특한 방식을 사용하고 있습니다. 그래서 블로거가 글을 순서대로 연재하듯이 송고할 수 있습니다. 상당히 독특하고 참신한 시도이며 한번 쯤은 사용해볼 가치가 있습니다. 근데 자동 발행 기능이 없어서 불편하긴 합니다. 하긴 네이버 쓰시는 분들은 매번 다음뷰 코드 붙여 넣다보니 일도 아니겠지만… (티스토리 햄볶아요) 하지만 창작 블로그 특성상 워낙 전문적인 정보만 올라오고 분위기가 썰렁하기 때문에 폭풍으로 포스팅을 하시거나 연동을 하시려면 잠시 생각해보시고 자신이 연재 또는 송고하려는 글이.. 더보기
티스토리 기본 요소 스타일 적용 스타일 적용하기 정말 까다로운 주석 말풍선 부분도 스타일을 적용했습니다. 티스토리에서 기본 제공하는 사진 2개, 3개 베치는 무려 테이블(-_-)이 적용되서 반응형 만들기가 상당히 까다롭지만, 이 역시 삽질로 해결했습니다. 다음지도도 스타일 적용했습니다. 웹킷 브라우저에서만 보이는데, 지도가 흑백으로 뜹니다. 그냥 심심해서 한번 해봤어요 슬라이더 스타일을 개선했습니다. 이전에는 슬라이더 컨트롤이 화면을 완전 가리는 구조였지만, 이제는 양옆으로 밀어 버리고, 전체적인 요소 크기를 줄였습니다. 각종 외부 정보 표시도 스타일을 적용했습니다. 테이블과 dl이 섞여서 상당히 스타일 적용하기가 까다 롭더군요 -_-;;;; 이것보다 더 이쁘게 만들고 싶었지만, 능력한계 입니다. 마이피플 스티커도 gif 아이콘 처럼 .. 더보기
섬네일 방식의 다른 글 보기 위젯 도입 기존의 있던 티스토리의 카테고리 다른글이 자리만 너무 많이 차지하고, 방문자가 다른 항목으로 이동하는데 별로 도움을 주지 않는 것 같아서 없애버리고 다른 섬네일 방식의 추천글로 바꾸었습니다. 사진 크기가 좀 작게 떠서 아쉽긴한데, 일단은 만족합니다. 써보다가 맘에 안들면 다른 플러그인을 알아봐야 겠습니다. 더보기
스킨 압축 완료 했습니다. 기나긴 개발 기간 끝에 드디어 압축한 버전의 스킨을 적용하였습니다. css 파일을 하나로 합치고, 스크립트도 하나로 압축, html 파일도 압축했습니다. 평균 페이지 로드시간은 연결상황에 따라 다르지만 약 4초 정도 소요 됩니다. 압축이 스킨 제작에서 제일 마지막 과정인데, 더 이상 손댈게 없다(면 좋겠지만)라는 것을 가정하에 하는 작업입니다. 나름 열심히 계획을 짜서 만들어서, 더 이상은 손댈 일이 많이 없으면 좋겠내요 ㅎㅎ 패이지 스피드는 94점이 나옵니다. 이전 스킨이 91점대였는데 3점올랐네요 킥킥 더보기