티스토리 반응형 모바일 애드센스 삽입하기 : 반응형 웹 skeleton 스킨블로그를 운영하는 분들이라면 이제는 모바일을 통한 유입도 신경쓰지 않을 수 없습니다. 스마트폰이나 테블릿 등의 통칭 모바일기기가 엄청나게 보급되어 있을 뿐만 아니라 접근성이 좋다는 이유(지하철이나 버스, 이동 중 등의 상황에서)에서 모바일 웹 검색이 PC로 인터넷을 사용하는 것 만큼 보편화 되었습니다. 모바일 유입이 상승한만큼 모바일에서의 트래픽도 더 이상 간과할 수 없는 수준에 이르렀습니다. 구글 애드센스 등 블로그에 광고 플랫폼을 설치하여 운영 중인 블로거라면 이러한 모바일 트래픽을 어떻게 수익으로 연결할 수 있을지 생각해 볼 필요가 있습니다. 티스토리에서는 여타 다른 블로그 서비스와는 차별화되게 별도로 모바일 스킨을 제공하고..
티스토리 skeleton 반응형 스킨에서 구글 애드센스 본문 상단에 2개를 배치해봅시다. 이번에 Skeleton 반응형 스킨으로 디자인을 바꾸면서 구글 애드센스의 코드도 함께 바뀌었습니다. 애드센스 자체의 코드가 바뀐건 아니고, 애드센스 주변을 구성하는 틀 자체가 바뀌었다고 해야겠군요. Skeleton 스킨은 반응형 스킨이기 때문에, 일반적으로 티스토리에 애드센스 광고를 넣듯이 고정형 애드센스를 배치해버리면 모바일이나 해상도가 낮은 기기에서도 크기가 줄어들지 않은 광고가 나타납니다. 마크쿼리님이 제공해주시는 스킨을 사용하시는 티스토리 블로거분들을 몇 곳 방문해 보았는데, 실제로 고정형 애드센스를 넣어둔 분도 계시더군요. 지금 당장은 큰 문제가 없는 것처럼 보입니다만, 모바일 화면에서 사이즈가 큰 광고가 ..
Skeleton Skin Version 1.1 Update for 랩하는 프로그래머 - 2013.12.11 구글 애드센스 코드 일부 수정 소스코드 공개를 위한 syntaxhighlighter 3.0.83 적용 nav 카테고리 한글명 관련 접근 문제 해결 과거버전 오타 v0.19 -> 0.9로 수정(피드백 : 열매맺는나무님) 페이스북 공유 관련 meta tag 설정
드디어 티스토리 반응형 블로그 스킨 적용을 완료하였습니다. 말 그대로 드디어네요. 부족한 실력으로 인해 겨우겨우 적용하였는데, 쏙 마음에 들어서 그간의 고생이 뿌듯하기까지 합니다. 이전에 등록되었던 스킨 적용 버전은 일종의 Beta 버전인데, 지금은 여러 테스트를 거쳐 제대로 적용하였습니다. 적용 버전은 첫 시작이기에 1.0이며, 어제 적용했던 Beta버전은 버전을 0.9로 낮춰서 제목을 변경해주었습니다. Beta 버전과 지금 버전에서 변경된 점은 다음과 같습니다. Beta를 거치면서 수정한 부분들 footer를 변경. 각종 라이선스 및 Address 등 추가 (기존)카테고리 접힘에서 카테고리 펼침으로 변경.(단, 모바일 기기일 경우 카테고리 접힘 : 반응형) 블로그 정보(대표 이미지 및 소개글 부분) ..
티스토리 반응형 블로그 스킨 적용 v1 변경 전 스킨과 변경 후 스킨 변경 전 스킨 변경 후 스킨 변경 전 스킨 변경 전 티스토리 스킨 이미지입니다. 그간 참 오래도록 사용해 온 스킨인데요. 지금와서 생각해보니(실제로 찾아보진 않고...) 못해도 한 3년 정도는 사용해 온 스킨이 아닌가 싶습니다. 정말 유익한 스킨이었고 지금도 그렇지만 지금도 많은 분들께서 사용하시는 스킨이라 생각합니다. 티스토리 기본 스킨 위에다가 CSS 및 HTML 코드 일부를 덮어 스타일을 적용하여 초보자도 쉽게 접근하기에 좋다는 장점 뿐만 아니라 블로그 디자인을 각 잡히도록 만들 수 있다는 장점이 있었던 스킨이었습니다. 저 같은 경우에는 해당 블로그의 스킨을 이용하면서 정말 많은 것들을 경험할 수 있었는데, 스킨이 잘 적용되다보니..
디자인의 '디'자도 모르면서 이렇게 저렇게 만들어가고 있네요. 어떻게 하면 깔끔하면서도 적용할 스킨에 잘 어울릴 수 있을지 고민에 고민이네요. 사실 디자인에 '디'자 정도만 알았어도 이렇게 고민하지 않고, 감각적으로 샤샤샥~ 할 수 있을텐데 말이에요.ㅎㅎㅎ 쓸데없이 옥스퍼드 노트에다가 프로토타입 그려서 하는 중인데... 예술적 감각이 꽝이라... 잘 될지 모르겠네요 ㅠㅎㅎ
현재 스킨 변경을 하고자 준비중에 있습니다. 최근에 관심이 부쩍 늘어난 마크다운 문법을 사용할 수 있는 티스토리 스킨을 좀 찾아보니 생각 이상으로 괜찮은 스킨이 있더군요?! 고맙게도 무료 배포되고 있고 커뮤니티도 활성화 되어 있어서 많은 참고를 하며 이런저런 테스트와 수정 보완을 하고 있는 중입니다. 오랜기간 사용한 스킨이다보니 속도가 느린 문제 뿐만 아니라 스킨의 HTML이 매우 복잡하고 지저분해져 있는 상태. 게다가 주로 이미지를 사용한 사이드바 등으로 인해 변화된 환경에 적응하긴 힘들다는 판단을 내렸습니다. 현재 스킨을 사용한지도 몇 년이 된것 같은데... 물론 좋은 스킨입니다만 연식(?)이 있다보니 마크다운 문법과의 호환성은 기대할 수 없고 확장성도 고려되지 않았기 때문에 미래지향적인 스킨이라 하..
최근 블로그나 개인적으로나 재정비의 시간을 갖다보니 여러가지로 해야할 일이 많습니다. 그 중에서도 요즘 가장 많은 공을 들이고 있는 작업은 '자료 수집 및 관리'에 대한 부분입니다. 즉, 어떤 자료를 어떻게 수집하고 어떻게 관리해서 어떻게 사용할 것인지에 대한 부분입니다. 최근 개인 DB 구축과 관련하여 마인드맵을 통해 대략적인 구조를 포스팅한 적이 있는데, 여기에서 핵심이 되는 기능은 바로 '나중에 읽기(read later)' 시스템입니다. 우리들은 짧고 한정된 시간안에 너무 많은 정보를 접하게 되는데요. 이때 마음에 드는 정보를 보관하 수 있는 편하면서도 획기적인 방법이 필요한 분들이 있다면 나중에 읽기 시스템을 접목했을 때 보다 향상된 생산성을 발휘할 수 있으실 겁니다. "나중에 읽기는 도대체 어디..
