2014년 블로그 목표 연초가 되면 왠지 모르게 새해의 계획과 목표를 잡고 싶어집니다. 2014년 올해 역시 계획과 목표를 세워야할지 말아야할지를 고민했었습니다. 어차피 계획과 목표는 말 그대로 계획과 목표일 뿐, 언제든지 변경되고 또 달성할 수 있을지 없을지 전혀 모르기 이라는게 그 이유였는데, 그럼에도 불구하고 2014년에는 개인적인 목표와 블로그 목표를 적어보면서 한 해를 색다른 마음으로 준비해보고자 하고 있습니다. 블로그 목표라면 당연히 블로그에 포스트로 공개하는게 맞겠지요. 올해에는 특별히 어떤 목표는 조금 높게, 어떤 목표는 조금 낮게 유기적으로 책정해 보았습니다. 2014년 블로그 목표 블로그 글 500개 발행 책 100권 서평 등록 블라이트(블로그 글쓰기)연재 완료 실패하지 않는 프레젠테이..
티스토리 블로그 Skeleton 반응형 웹 스킨에서 타이틀 이미지로 적용하는 방법 마크쿼리님이 제공해주시는 티스토리 블로그 스킨인 Skeleton이 괜찮은 반응을 얻고 있는 듯 보입니다. 저 역시 적용한 뒤 몇 가지 설명 글을 포스팅 한 적이 있는데요. 몇 개의 설명 글로는 역시 부족한 부분이 없지 않아 있었는지, 댓글이나 방명록 등을 통해 스킨 및 활용에 관해 문의하시는 분들이 종종 있네요. 이번 글 역시 문의글에 대한 답변 형식으로서, 티스토리 블로그 Skeleton 반응형 웹 스킨의 상단 타이틀을 텍스트가 아닌 이미지로 적용하는 방법에 대한 내용입니다. 해당 내용은 이미 마크쿼리 커뮤니티의 도움말 ↩에 설명되어 있기에 참고해보시는 것도 좋으며, 제 블로그에서는 제가 직접 적용한 소스코드를 기준으로 ..
지역의 모 카페 사장님의 의뢰로 블로그 운영 마케팅에 대한 컨설팅을 진행했습니다. 2013년의 마지막 블로그 운영 마케팅 컨설팅이 되겠네요. 이후 계획된 컨설팅 일정이 아직은 없기 때문입니다. 요구사항을 수집하여 분석해 본 결과 티스토리 보다는 네이버 블로그가 좀 더 알맞다고 판단되어, 네이버 블로그를 기준으로 컨설팅 했습니다. 무거운 윈도우 노트북을 들고와서 직접 들으면서 따라하기 식으로 진행 된 컨설팅이었네요. 3시간 가량 진행되었으며, 사실 매우 기초적인 내용들과 운영 전략에 대한 이야기가 오고 갔습니다. 한 카페의 사장님이 자신의 카페가 아니라 다른 카페에서 블로그 운영 컨설팅을 받는다니. 운 좋게도 해당 카페에는 사장님이 참고할만한 요소들도 있어서 일석이조의 효과가 있지 않았나 생각해보네요. 짧..
티스토리 블로그 티애디션 타이틀을 이미지로 적용하기 오늘은 티스토리 블로그의 티애디션에서 표현되는 타이틀을 텍스트가 아닌 이미지로 적용하는 방법을 알려드립니다. 저 또한 과거 오래도록 티애디션의 타이틀을 이미지화 시켜 적용하였던 적이 있으며, 최근에도 티애디션의 타이틀을 이미지로 적용하고자 하시는 분들이 많은 것 같습니다. 즉, 수요가 있지만 티스토리 자체에서는 그 어떠한 가이드라인이나 방법론이 제시되지 않고 있기 때문에 블로거 개개인이 직접 수작업으로 HTML 소스코드를 수정하는 방법 외에는 마땅한 대책이 없는 실정입니다. 티애디션의 타이틀을 이미지로 적용한 모습 ▲ 티애디션의 타이틀을 이미지로 적용한다는 것은, 자신의 블로그 첫화면을 티애디션으로 구성한 다음 마치 잡지나 컬렉션, 카탈로그처럼 독자에게..
티스토리 티애디션은 반응형이 안된다? NO! 티스토리 티애디션 반응형에 어울리도록 적용하는 방법 티스토리에서 제공 중인 티애디션은 플래쉬 등을 이용하는 시스템이기 때문에 기본적으로 반응형에는 어울리지 않습니다. 하지만 티애디션을 제외하면 티스토리 블로그의 첫 화면을 깔끔하게 꾸미기가 상당히 힘들어서 티애디션 중에서도 반응형이 어느정도 가능한 아이템들 위주로 만드는 것이 일반적인 방법인데요. 며칠간 다양한 방법으로 티애디션을 테스트해보았습니다. 지금 제가 사용 중인 Skeleton 이나 마크쿼리 ↩님이 배포하고 계시는 스킨을 사용하는 블로거분들의 티애디션도 많은 참고를 했습니다. 대부분의 블로거분들이 티애디션의 사이즈 자체를 줄여서 모바일에서도 적당한 사이즈로 보이게끔 적용하고 계시더군요. 하지만 제가 P..
티애디션 헤드라인형 최신글 목록 1개로 고정하기(item-310430) 티스토리 블로그의 첫화면에서는 티스토리에서 제공해주는 티애디션을 많이 사용합니다. 티애디션을 제외하면 블로그의 첫화면을 관리하고 예쁘게 만들만한 시스템이 마땅히 없는 실정입니다. 또한, 티애디션의 에디터는 간략하고 초보자도 쉽게 사용할 수 있도록 제작되어 있어 보편적인 경향을 띄기도 합니다. 티애디션에는 여러가지의 아이템이 있습니다. 여기에는 총 4개의 구분이 있는데, 헤드라인형, 목록형, 갤러리형, 조합형이 그것입니다. 이것은 티애디션을 실행 후 하나씩 클릭해보면 미리보기가 되기 때문에 별도의 설명이 필요하진 않습니다. 이 중에서도 블로그의 최신글을 헤드라인으로 크게 보여주는 형태가 바로 헤드라인형인데요. 많은 티스토리 블로거분들이..
티스토리 블로그 메뉴바에 SNS 아이콘 추가하기 : Skeleton 반응형웹(모바일 포함) 티스토리 블로그 반응형 스킨인 Skeleton 에서는 티스토리 자체에서 제공하는 상단메뉴바를 사용하지 않고, 자체 HTML로 제작된 메뉴바를 사용합니다(티스토리 제공 상단 메뉴바는 메뉴바로서 심플한 기능을 제공해주지만 사용자가 마음껏 기능 디자인을 할 수 없는 것은 단점입니다). 이에따라 사용자 입맛에 맞도록 자유롭게 무언가를 추가하거나 삭제하고, 수정할 수 있다는 장점이 생기는데요. 많이들 사용하는 SNS 아이콘을 설치하여 블로그 방문자에게 자신의 SNS를 소개하고 링크하여 개인 브랜드화에 약간의 도움이 될 수 있도록 디자인해보겠습니다. Note 반응형 웹을 사용하는 티스토리 스킨에서는 접속자의 화면 사이즈를 추..
티스토리 블로그 카테고리 글보기 혹은 검색시 나오는 날짜 위치 이동하기 블로그를 방문하는 독자의 가독성을 위한 소스코드 일부 수정을 해봅시다. 티스토리 블로그에서는 카테고리 글 보기 또는 검색을 했을 경우 OOO에 해당하는 글이라는 메시지와 함께 리스트가 출력됩니다. 제가 지금 사용하고 있는 Skeleton 반응형 웹 스킨 뿐만 아니라 티스토리에서 기본 제공하는 여러 스킨들 중에서도 나타나는 리스트들의 디자인이 가독성에 약간 영향을 주는 부분이 있습니다. 아래의 이미지는 예시를 들기위해 같은 스킨을 사용 중인 정재복님의 블로그 ↩를 전체 글보기를 하여 스크린샷 한 화면입니다. ▼ 물론 나쁘지 않은 디자인입니다만 포스트의 리스트가 날짜 뒤에 위치하여 조금의 시선을 방해하는 것처럼 느껴집니다. 사용자에게 중..
