티스토리 티애디션은 반응형이 안된다? NO! 티스토리 티애디션 반응형에 어울리도록 적용하는 방법 티스토리에서 제공 중인 티애디션은 플래쉬 등을 이용하는 시스템이기 때문에 기본적으로 반응형에는 어울리지 않습니다. 하지만 티애디션을 제외하면 티스토리 블로그의 첫 화면을 깔끔하게 꾸미기가 상당히 힘들어서 티애디션 중에서도 반응형이 어느정도 가능한 아이템들 위주로 만드는 것이 일반적인 방법인데요. 며칠간 다양한 방법으로 티애디션을 테스트해보았습니다. 지금 제가 사용 중인 Skeleton 이나 마크쿼리 ↩님이 배포하고 계시는 스킨을 사용하는 블로거분들의 티애디션도 많은 참고를 했습니다. 대부분의 블로거분들이 티애디션의 사이즈 자체를 줄여서 모바일에서도 적당한 사이즈로 보이게끔 적용하고 계시더군요. 하지만 제가 P..
티스토리 블로그 메뉴바에 SNS 아이콘 추가하기 : Skeleton 반응형웹(모바일 포함) 티스토리 블로그 반응형 스킨인 Skeleton 에서는 티스토리 자체에서 제공하는 상단메뉴바를 사용하지 않고, 자체 HTML로 제작된 메뉴바를 사용합니다(티스토리 제공 상단 메뉴바는 메뉴바로서 심플한 기능을 제공해주지만 사용자가 마음껏 기능 디자인을 할 수 없는 것은 단점입니다). 이에따라 사용자 입맛에 맞도록 자유롭게 무언가를 추가하거나 삭제하고, 수정할 수 있다는 장점이 생기는데요. 많이들 사용하는 SNS 아이콘을 설치하여 블로그 방문자에게 자신의 SNS를 소개하고 링크하여 개인 브랜드화에 약간의 도움이 될 수 있도록 디자인해보겠습니다. Note 반응형 웹을 사용하는 티스토리 스킨에서는 접속자의 화면 사이즈를 추..
티스토리 반응형 모바일 애드센스 삽입하기 : 반응형 웹 skeleton 스킨블로그를 운영하는 분들이라면 이제는 모바일을 통한 유입도 신경쓰지 않을 수 없습니다. 스마트폰이나 테블릿 등의 통칭 모바일기기가 엄청나게 보급되어 있을 뿐만 아니라 접근성이 좋다는 이유(지하철이나 버스, 이동 중 등의 상황에서)에서 모바일 웹 검색이 PC로 인터넷을 사용하는 것 만큼 보편화 되었습니다. 모바일 유입이 상승한만큼 모바일에서의 트래픽도 더 이상 간과할 수 없는 수준에 이르렀습니다. 구글 애드센스 등 블로그에 광고 플랫폼을 설치하여 운영 중인 블로거라면 이러한 모바일 트래픽을 어떻게 수익으로 연결할 수 있을지 생각해 볼 필요가 있습니다. 티스토리에서는 여타 다른 블로그 서비스와는 차별화되게 별도로 모바일 스킨을 제공하고..
티스토리 skeleton 반응형 스킨에서 구글 애드센스 본문 상단에 2개를 배치해봅시다. 이번에 Skeleton 반응형 스킨으로 디자인을 바꾸면서 구글 애드센스의 코드도 함께 바뀌었습니다. 애드센스 자체의 코드가 바뀐건 아니고, 애드센스 주변을 구성하는 틀 자체가 바뀌었다고 해야겠군요. Skeleton 스킨은 반응형 스킨이기 때문에, 일반적으로 티스토리에 애드센스 광고를 넣듯이 고정형 애드센스를 배치해버리면 모바일이나 해상도가 낮은 기기에서도 크기가 줄어들지 않은 광고가 나타납니다. 마크쿼리님이 제공해주시는 스킨을 사용하시는 티스토리 블로거분들을 몇 곳 방문해 보았는데, 실제로 고정형 애드센스를 넣어둔 분도 계시더군요. 지금 당장은 큰 문제가 없는 것처럼 보입니다만, 모바일 화면에서 사이즈가 큰 광고가 ..
티스토리 반응형 블로그 스킨 적용 v1 변경 전 스킨과 변경 후 스킨 변경 전 스킨 변경 후 스킨 변경 전 스킨 변경 전 티스토리 스킨 이미지입니다. 그간 참 오래도록 사용해 온 스킨인데요. 지금와서 생각해보니(실제로 찾아보진 않고...) 못해도 한 3년 정도는 사용해 온 스킨이 아닌가 싶습니다. 정말 유익한 스킨이었고 지금도 그렇지만 지금도 많은 분들께서 사용하시는 스킨이라 생각합니다. 티스토리 기본 스킨 위에다가 CSS 및 HTML 코드 일부를 덮어 스타일을 적용하여 초보자도 쉽게 접근하기에 좋다는 장점 뿐만 아니라 블로그 디자인을 각 잡히도록 만들 수 있다는 장점이 있었던 스킨이었습니다. 저 같은 경우에는 해당 블로그의 스킨을 이용하면서 정말 많은 것들을 경험할 수 있었는데, 스킨이 잘 적용되다보니..
현재 스킨 변경을 하고자 준비중에 있습니다. 최근에 관심이 부쩍 늘어난 마크다운 문법을 사용할 수 있는 티스토리 스킨을 좀 찾아보니 생각 이상으로 괜찮은 스킨이 있더군요?! 고맙게도 무료 배포되고 있고 커뮤니티도 활성화 되어 있어서 많은 참고를 하며 이런저런 테스트와 수정 보완을 하고 있는 중입니다. 오랜기간 사용한 스킨이다보니 속도가 느린 문제 뿐만 아니라 스킨의 HTML이 매우 복잡하고 지저분해져 있는 상태. 게다가 주로 이미지를 사용한 사이드바 등으로 인해 변화된 환경에 적응하긴 힘들다는 판단을 내렸습니다. 현재 스킨을 사용한지도 몇 년이 된것 같은데... 물론 좋은 스킨입니다만 연식(?)이 있다보니 마크다운 문법과의 호환성은 기대할 수 없고 확장성도 고려되지 않았기 때문에 미래지향적인 스킨이라 하..
티스토리 초대장 30장을 배포합니다. 선착순은 절대 아니구요~ 댓글을 꼼꼼히 읽어보고 난 뒤, 제 주관적인 판단으로 나누어 드릴 계획입니다. 1. 정확한 이메일 주소를 적어주세요 ( 티스토리 ID 가 됩니다 ) 2. 운영하려는 블로그의 주제와, 그에따른 세부사항을 적어주시면 참고하겠습니다. 3. 비밀댓글로 적어주세요! ( 개인정보는 소중하니까요 ^^ ) 4. 선착순이 아닌, 글 내용을 기준으로 주관적으로 나눠드릴 계획입니다. 5. 아래 칼럼을 읽어보시는것도 좋습니다. [링크] - 티스토리 초대장 쉽게 받기 노하우 6가지. 초대장 배포가 완료되면, 제목에 [마감]이라는 텍스트가 붙습니다. 글 제목에 [마감]이 없다면 계속 배포중인 상태입니다. 페이스북 소셜댓글로 신청하시는 분도 계신데... 페이스북 소셜댓..
그동안 블로그를 통해 연재했던 이라는 카테고리의 글들을 다듬고 엮어 만든 책 가 정식 출간되었습니다. 이 책은 이라든지 라거나 같은 평범하고 일반적인 내용을 다루지는 않습니다. 그것보다 더 심화된 내용, 그러니까 블로그를 통해 한 명의 개인이 어떻게 성장할 수 있고, 그러한 것들을 어떤 식으로 운영할 수 있는지, 말하자면 를 다룬다고 볼 수 있겠습니다. 절대 어렵지는 않습니다. 누구나 읽어도 쉽게 이해할 수 있을 만큼 쉽게 쓰려고 노력했습니다. 블로그와 관련된 책은 정말 많이 나와 있지요. 출판시장으로 치자면 한마디로 레드오션이라 할 수 있습니다. 하지만 보편 타당한 내용을 다루기 보다는 장기적 관점에서의 블로그 plan을 다루고 있기 때문에 니치 주제를 다루고 있다고도 할 수 있습니다. 많은 사람들이 ..
