밀레에서 주최를 하고, 서울시에서 후원을 하는 2014 Seoul Trekking Festival에 2014년 3월 29일에 운좋게 참여를 하게 되어서 다녀왔습니다.

2014 서울 트레킹 페스티발 홈페이지 - http://millet-trekking.co.kr/

총 350명을 모집했는데, 2분만에 마감이 되었는데, 참가신청을 10시부터 선착순으로 받기로 했는데, 10시이전에는 신청을 안받았는데, 10시 조금전에 오픈을 해서 10시 이전에 신청한 사람들은 전부 무효 처리를 해서 반발이 좀 많은듯 했었는데, 이부분은 좀 미흡한 부분이 있는듯 하네요.

뭐 무슨 트레킹 대회가 2분만에 매진이 됬냐고 하겠지만, 정가가 20만원정도에 인터넷 쇼핑몰 최저가도 17만원정도하는 위 제품을 무료로 제공을 했다는...^^

밀레 에펠 GTX 아치스텝 트레킹화-둘레길 가벼운 산행 산책에 좋은 신발 사용기 리뷰

신발은 고어텍스 소재로 기능적으로나 디자인적으로 상당히 마음에 들기는 하는데, 가격이 좀 부담스럽기는 하네요...^^

고어텍스 원터부츠 리갈 앵글 부츠-방수,투습,열전도성,보온 기능에 디자인도 멋진 추천 제품 사용기

고어텍스 원터부츠 리갈 신사화, 최고의 기능성 구두 제품의 기능 소개와 장점은?

행사장의 모습입니다~ 

청계천 청계광장에서 열렸는데, 이른 아침부터 많은 분들이 나와계시더군요~

참가한 모든 분들이 이 제품을 받았는데, 빨간 신발의 물결이...^^

가족이나 연인이 함께 참여를 해서 같이 산행을 할수도 있었지만, 신발이나 경품, 간식 등의 혜택은 없더군요~

이런 식으로 배번표도 배부가 되었는데, 밀레가 만든 신개념 아웃도어 엠리밋 등 광고판의 기능이 더 큰듯...-_-;;

이외에 우비, 황사마스크, 밀레 상품교환권 3만원권 2장(말은 교환권인데, 10만원 이상 구입시 3만원 할인되는 할인권 쿠폰), 서울 둘레길 지도 등이 트레킹 키트로 제공이 되었습니다.

마라톤같은 행사처럼 산행을 위해서 물품보관소도 운영을 하더군요.

근데 지나고보니 아침에 참석해서 신발만 받고 그냥 집에 가도 상관은 없겠네요...^^

사전행사로 금관퍼포먼스밴드 조이브라스밴드가 멋진 공연을 보여주기도 했습니다.

당연히 스트레칭 몸풀기도 있습니다~

2014년 4월 대형마트 휴무일 정보입니다.(현재 2014년 4월 26일의 자료이며, 매주 금요일이나 토요일에 이미지를 수정하는데, 매주 약간씩 변동이 되고는 하지 잘 알아두시고 가시는게 좋을듯 합니다.

4월에는 13일과 27일이 강제휴점일이고, 9일과 23일이 자율휴점일인데, 이번달에는 공휴일이 전혀 없지만, 일자별로 쉬는 곳이 조금씩 다르니 참고하시기 바라겠습니다. 

이마트의 경우 2/4주 수요일과 일요일 영업이 바뀌는 업체가 몇곳이 있으니 평상시데로 가시기 보다 한번 알아두고 사시는것이 좋을듯 하고, 롯데마트와 홈플러스는 기타요일 휴무 점포를 제외하고는 거의 지난달과 같습니다.

지자체에서 강제 휴무를 많이 해서 인지 이제는 자율휴무보다 2.4주 일요일에 쉬는 업체들이 점점 늘어나고 있는데, 앞으로는 2/4주는 무조건 쉬게 되면 좋지 않을까 싶네요~

GS슈퍼마켓 점포 조회 - http://gssuper.gsretail.com/branch/shop/list.aspx

킴스클럽 점포 조회 - http://www.ekimsclub.com/about/Newstoreinfo.aspx

nc백화점 지하에 있는 킴스클럽 불광점은 일년 365일 연중무휴이며, 다른 지점은 위에서 찾아보시길 바라겠습니다.

롯데백화점,신세계백화점,현대백화점 휴무일(설날,추석,월요일 휴점일과 영업시간)

티스토리 블로그 반응형 웹 스킨 교체후 방문자, 애드센스 수익 급감? UV, 페이지뷰 자료

반응형 스킨으로 교체를 하고, 블로그 본문의 font, size 등도 일괄적으로 변경을 하고 싶더군요.

그동안 너무 중구난방으로 이런것에 대한 생각이 전혀 없었는데, 인터넷 검색을 통해서 해결을 봤습니다. 

레인민트가 쓰는 이야기 - 티스토리 본문 폰트 고정 (통일) 시키기

위 글을 참고하시면 되는데, css 파일에 한줄만 넣어주면 깔끔하게 해결이 됩니다~

관리자화면의 HTML/CSS 편집에서 style.css에서 아래와 같은 코드를 넣어주시면 됩니다.

.entry-content * { font-family: 나눔고딕; line-height:1.8em; font-size: 16px !important; } 

폰트는 원하시는 맑은고딕이나 굴림 등을 적용하시면 되고, 자간이나 폰트 사이즈도 넣어주시면 되고, 기타 넣을것이 있으면 넣어주시면 됩니다.

그리고 마지막에 꼭 !important를 넣어주시면 entry-content 안에 있는 모든 테그들은 위 사항이 적용이 됩니다.

레인민트님의 글에는 .article로 되어 있는데, 스킨에 따라서 수정해 주시면 되고요~

참고로 웹폰트로 나눔고딕이 컴퓨터나 스마트폰에 설치 되어 있지 않아도 사용하는 방법도 있는데, 개인적으로는 비추천입니다.

스마트폰의 경우에는 로딩속도가 좀 걸리고, 웹폰트가 로딩되기 전에는 다른 폰트로 보이다가 로딩되면서 잠시 글씨가 사라졌다가, 보이기도 하더군요.

암튼 그냥 이렇게 폰트에 대한 상관없이 포스팅을 한다고 해도~

블로그 글을 볼때는 이렇게 잘 보여집니다~

다만 문제가 전혀 없는것은 아니더군요.

어떤 글들은 위처럼 계속 작은 폰트로 나오는데, 왜 그럴까 싶어서 html 코드를 봤습니다.

이건 아주 오래전에 작성된 글인데, 이런 글에는 전혀 테그가 사용되지 않았는데, 이런 경우에는 기본값 9pt로 출력이 되네요...-_-;;

또한 카테고리의 다른 글 보기도 폰트가 엄청 커지고, 본문에 삽입한 인터파크 도서, 영화 관련 다음 링크 등도 다 커지더군요.

.another_category_color_blue * { font-size: 12px !important; }

카테고리의 다른 글의 경우에는 sytle.css 하단에 위처럼 넣어주시면 정상적으로 나옵니다.

이외에 다른 테그들을 다르게 지정을 하고 싶으시다면 위와 같은 방식으로 지정을 해주시면 되는데, 크롬 브라우저의 요소검사를 통해서 찾아보시면 대부분 변경이 가능하기는 한데, 꽤 번거롭기는 하네요... 저 같은 초보자는 찾기도 힘들고요...-_-;;

h1, h2, h3 같이 좀 크게 표현하고 싶은 부분은 따로 떼어내서 위처럼 !important;를 넣고, 폰트와 굵기 등을 수정해주시면 나름 깔끔하게 되지 않을까 싶습니다.

물론 저처럼 포스팅 숫자가 많은 경우에는 이 방법이 좋기는 하지만, 가급적 따로따로 수정해 주시는게 좋을수도 있는데, 이부분은 감안해서 한번 테스트로 작업을 해보시면 좋지 않을까 싶습니다!

티스토리 블로그 마크쿼리 반응형웹 스킨으로 교체-장단점과 유의사항

tistory blog skin을 반응형웹 스킨으로 교체를 하고, 애드센스 광고 단위도 전부 반응형 광고 단위(베타)로 변경을 했습니다.

기존의 블로그가 사이드바가 왼쪽 오른쪽에 있던것도 이제는 오른쪽에만 부착을 하게 되었는데, 광고 배치를 바꾸는데 이것도 좀 헷갈리더군요...-_-;;

위 처럼 현재 구성을 하고 있는데, 제 블로그에는 기존의 구글 애드센스 3개 외에 adx라고 4개를 더 추가할수 있습니다.(다만 앞으로는 더 이상 블로그의 가입은 받지 않는다고 하네요.)

그러다보니 좀 배치에 대해서 생각을 해보게 되는데, 문제는 adx는 반응형 광고단위가 없어서 좀 애매하기는 합니다.

데스크톱 페이지 상단에는 두개를 배치하고, 모바일 페이지 상단에는 어쩔까 하다가 300*250으로 배치를 했습니다.

왼쪽이 반응형 웹 스킨에서 보여지는 300*250 단위이고, 오른쪽은 티스토리 모바일 웹 스킨에서 320*100 광고 단위를 삽입한 모습입니다.

애드센스 측에서 모바일에 336*280은 위반이지만, 300*250은 컨텐츠가 충분히 보이면 된다는 약간 애매한 기준이지만, 이정도면 어느정도 기준에 충족하지 않을까 싶은 생각이 듭니다.

불필요한 이름, 날짜, 카테고리, 댓글 등의 항목을 모바일 페이지에서는 숨겨 버려서 300*250을 부착하고도 티스토리 모바일 스킨보다 본문 영역이 더 제대로 보여지는데, 설마 이걸로 경고나 제재 조치를 받지는 않을듯 합니다.

속임수가 있는 광고 구현으로 애드센스 정책위반시 해결 방법, 모바일 300*250을 300*50으로 교체후 수익 급락

애드센스 320*100 큰 모바일 배너 광고 단위 추가로 수익증대 기대와 티스토리는?

예전에 한번 경고를 받기는 했는데, 모바일 페이지에서 받은것이고, 혹시나 이 문제로 경고를 받는다면 또 알려드리겠지만, 뭐 위 정도의 화면이라면 크게 문제는 없지 않을까 싶은데, 블로그 타이틀로 날려버릴까요...-_-;;;

암튼 잡설이 길었고, 저같이 반응형 웹스킨을 사용하지 않고, 티스토리 모바일 스킨을 사용하시는 분들도 반응형 광고단위를 사용해도 된다고 합니다.

반응형 광고 단위를 만들려고 하면 위와 같이 이 광고 단위는 반응형 디자인으로 구축된 사이트에만 사용할 수 있습니다 라고 나와서 반응형 스킨이 아니면 안되겠지라는 생각이 듭니다.

근데 얼마전에 google adsense 측에서 오늘의 애드센스 팁: 애드센스에서 수익을 높이는 방법이라는 메일이 한통이 왔더군요.

위처럼 모바일 페이지에서 광고 단위를 더 넣으면 수익을 올릴수 있다고 하더군요.

이건 제가 반응형웹 스킨으로 바꾸기 전인데, 저기에 광고를 넣으려면 본문에 애드센스 반응형 광고단위를 삽입해야 하는것 외에는 방법이 없더군요.

그래서 구글 애드센스팀에 문의를 넣었더니 답변이 왔네요.

이런식으로 반응형 광고 단위를 삽입해도 된다고 합니다.

데스크탑 PC나 테블릿에서 모바일 페이지로 들어오는 경우가 그리 많지는 않지만, 사용을 해도 된다는 점이 중요한듯 합니다.

뭐 그렇다고 크게 달라질것은 없겠지만, 예를 들어 본문 중간에 광고를 삽입하는 경우 PC에서는 336*280을 보여주고, 모바일에서는 300*250을 넣어주는 식으로 활용을 하시면 좋을듯 하네요~

물론 PC의 상단의 광고 또한 1200px 이상의 경우에는 336*280 2개를 넣고, 이하에서는 300*250 2개를 넣는 방식처럼 활용을 하셔도 될듯 합니다.

티스토리 모바일 페이지 CSS 스타일 문제와 애드센스 광고 데스크탑용이 중복되지 않게 본문에 삽입하는 방법

물론 그냥 코드를 삽입하시지 마시고, 남무님의 블로그 글을 참고해서 javascript 파일로 넣어주시면 되며, 이부분은 애드센스 정책에 위배되지 않는다고 합니다.

위처럼 자바스크립트를 넣지 않고, 그냥 코드를 넣었는데, 만약 계정위반으로 수정을 하라고 하면 자바스크립트 파일 하나만 수정을 하면 되지만, 코드를 넣은 경우 블로그 글이 천개라면 일일이 다 수정을 하셔야 합니다.

참고로 스킨을 바꾼다고 해도 js파일은 그대로 적용이 되는데, 안보이는 경우 다시 올리시면 됩니다.

이건 제가 사용하는 js 파일인데, 위와 같은 방식으로 넣으시면 됩니다.

물론 위 코드를 복사하는게 아니고, 자신의 반응형 광고 단위 코드를 위 처럼 수정하시면 됩니다.

남무님의 코드는 danbis.net/m 처럼 모바일 페이지인 경우에만 출력이 되는 코드지만, 이건 모든 페이지에서 출력이 되는 방식입니다.

간혹 광고가 안나온다고 하시는 분들이 있는데, 광고를 생성하고나면 바로 나오지 않기도 하고, 위 중에서 철자가 하나만 틀려도 나오지 않으니 잘 확인해 보시길 바라겠습니다

물론 본문에 덕지덕지 광고를 넣는게 좋은것은 아니라는 점은 참고하시고, 위 코드는 993px 이상의 화면에서는 광고가 출력이 되지 않고, 그 이하의 화면에서만 출력이 되는 방식입니다.

이건 반응형웹 스킨에 대한 설명과 애드센스 코드 삽입시에 미디어퀴리를 수정하는 방법에 대한 설명인데 참고하시길 바라겠습니다.

이건 본문에 js파일을 만들어서 올리는 방법에 대한 설명이니 참고하세요~

■ 반응형 웹스킨에서 애드센스 광고 삽입하는 방법

이건 현재 제 블로그 상단에 달려있는 반응형 광고 단위인데, 2개가 아니라 3개를 넣어두었습니다.

두개를 가지고 사용을 해도 되지만, 이렇게 해놓으면 수익이 어디에서 발생을 하는지 쉽게 알수 있습니다.(물론 보고서에서 플랫폼을 확인하시면 되지만 번거롭지요)

첫번째것은 모바일에서만 출력이 되고, 두번째와 세번째 광고 단위는 PC와 테블릿 사이즈에서 출력되는 사이즈입니다.

물론 본문 하단에 또 하나 달려있고, 본문 중간에도 삽입이 되어 있는데, 많은 경우 광고단위가 5개가 삽입이 되어서 계정정책에 위반일것 같지만, 화면 사이즈에 따라서 최대 3개까지만 출력이 되기 때문에 계정 정책에는 위반이 되지 않습니다.(아래는 구글 애드센스 직원에게 들은 답변입니다.)

구글 애드센스, 블로그에 광고 3개 초과 노출시 약관 위반으로 계정 비활성화가 될수 있으며, 문제 발생시에 해결하는 방법

물론 여러개를 부착해도 노출이 되는것은 3개까지 밖에 안되지만, 위처럼 경고를 받을수 있으니 유의하시길 바라겠고, 반응형에 애드센스 광고를 적절하게 보이기 위해서는 맨위의 사진처럼 PC와 모바일 화면을 그려놓고, 어떻게 출력을 할것인지를 설계해보시면 좋을듯 하네요~

암튼 참고해서 잘 활용해 보시길 바라겠습니다!

티스토리 블로그 마크쿼리 반응형웹 스킨으로 교체-장단점과 유의사항

몇일전에 tistory blog skin을 몇년만에 변경을 했습니다.

변경후에 어떤 반응이 있을까 싶었는데, 긍정적이기 보다는 좀 부정적인 반응이 보이더군요.

우선 방문자 숫자가 일당 4-5만명이던 방문자가 3만명대로 팍 줄어들었습니다~

22일 저녁에 변경을 했는데, 23일부터 방문자 숫자가 반정도로 팍 떨어지더군요...-_-;;

근데 유입경로를 확인해 보니 네이버, 다음, 구글 등의 검색에는 큰 변동은 없더군요.

물론 신규 글이 등록되는 부분도 문제 없고, 제가 한 후속조치도 뭐 전혀 없었습니다.

월드컵 축구 경기와 블로그 트래픽 감소 분석

블로그 접속통계로 본 한국인의 시간대별 인터넷 사용 현황

그래서 방문자 숫자를 다시 확인을 해보기로 했는데, 이건 제가 별도로 관리를 하고 있는 nalog라는 카운터 프로그램인데, 예전에는 모바일과 데스크톱을 별도로 관리를 했는데, 이제는 반응형 스킨이라서 하나로 관리가 되는데, 3월 25일자 방문자를 보니 36,326명의 페이지뷰가 있었네요.

티스토리에서는 방문자 숫자가 31,742라고 하니 UV를 거의 제대로 표현을 한듯 합니다.

그럼 일주일 전의 날짜를 확인해 볼까요?

PC에서는 13,175건의 페이지뷰가 있었네요.

모바일에서는 17,146건의 페이지뷰가 있어서 총 30,321건의 PageView가 있었네요.

구글 애드센스의 페이지뷰를 확인해 봤습니다. 3월 18일에 34,911건, 3월 25일 37,588건이네요.

구글 애널리틱스에서 확인을 해보면 UV를 확인해 볼 수 있습니다.

정리해 보면 아래와 같습니다.

자료를 표로 정리를 해보면 실제로 방문자나 페이지뷰가 늘어 났는데도 불구하고, 반응형웹 스킨으로 교체를 한 후에는 방문자 숫자가 급감한것 처럼 나왔습니다.

한마디로 반응형웹 스킨으로 교체를 하거나, 다른 스킨으로 교체를 한다고 해서 실제 방문자가 줄어드는것은 아니라는 이야기이고, 티스토리측의 카운터에서 보여지는 문제라고 보시면 됩니다.

이런 문제는 예전부터 제기가 되어 왔는데, 티스토리측에서 일부러 방치를 하는지는 모르겠습니다.

naver 모바일 페이지에서 검색을 해서 제 블로그에 들어오는 경우 반응형웹 스킨으로 변경한 후에는 danbis.net/1234로 그냥 들어오지만, 기존의 일반 스킨의 경우에는 danbis.net/1234로 네이버에서 주소를 보내면, 티스토리측에서 danbis.net/m/1234 로 주소를 변경하는 식으로 리다이렉팅을 하는 문제가 영향을 미칠수도 있고, 뭐 다른 이유도 있겠지요.

모바일 컨텐츠 이야기 - 모바일앱에 적합한 새로운 지표, LTV의 등장

위 글을 참고하시면 다수의 api를 호출하는 문제 등 모바일앱(mobile app)에서 UV라는 개념은 불필요하다고 하는데, 모바일 웹도 이런 영향이 없지 않아 있을듯 합니다.

암튼 안심하셔도 될듯 한데, 문제는 기존에는 하루에 5만명이 들어오던 블로그로 착각을 해 생각을 했지만, 이제는 현실적으로 하루에 UV가 3만명으로 줄어든것을 받아 들이는게 그리 쉽지는 않네요...-_-;;

허수이기는 하지만 방문자 숫자가 많다는것은 여러모로 좋은 점도 있습니다. 체험단에 선정이 될 확률이 올라간다거나, 리뷰 의뢰건이나, 블로그 지수에도 많은 영향을 미치고는 하는데, 반응형 웹으로 스킨을 변경하시것을 염두에 두시는 분들은 이 부분은 한번 염두해 두시길 바라겠습니다.

그동안 카운터에 5만명 이상 찍히다 보니 이런저런 리뷰 의뢰가 꽤 많이 들어왔었는데, 평범한(?) 블로그로 전락을 하다보니 거의 끊긴듯 하더군요...-_-;;

뭐 이상한 홍보성, 광고 요청이 많아서 거의 하지는 않지만, 많을때는 하루에 몇개씩 들어오던 연락이 없어지니 좀 시원섭섭하네요...^^

google adsense 수익도 하루 이틀 정도 잠시 주춤을 하더군요...-_-;;

근데 저 같은 경우는 반응형웹 스킨으로 변경을 하면서 기존의 애드센스 광고 단위를 모두 반응형 광고단위로 바뀌었는데, 이것 또한 통계 자료를 살펴보니 클릭수 클릭율(CTR)은 일정한데, 광고단가 CPC가 폭락을 해서 RPM이 확 줄었는데, 몇일이 지난 지금 이 또한 다시 원래데로 안정되어 가고 있는듯 합니다.

아마 신규 광고를 부착해서 이런 문제가 있지 않았나 싶은 생각이 듭니다.

암튼 참고하시면 될듯한데, 물론 이건 저의 경우이고, 스킨을 변경, 수정한후에 종종 문제가 생기는 경우가 있다고도 하는데, 이 점은 유의하시길 바라겠습니다.

보통 가게가 신장개업을 하거나, 인테리어 디자인을 리뉴얼 하고 나면 보통 개업빨이라고 손님이 많이 몰리기도 하는데, 블로그는 좀 반대의 느낌이 들기도 하네요...^^

2002년도부터 개인 블로그를 운영하다가 2008년에 Tistory로 넘어왔는데, 그 동안 스킨은 초기에 잠깐 사용하던것 외에는 기존의 스킨을 계속 이용해 오다가 이번에 스킨을 교체를 했습니다.

반응형 웹 디자인(responsive web design) 개발이란 무엇이고, 왜 만들며, 어떤식으로 구현할까?

구글 애드센스 Go Multi-Screen 행아웃 세션-멀티스크린,반응형 웹디자인에 관련돤 세미나 소식

반응형 웹에 대해서는 이전 부터 관심은 있었지만, 마땅한 스킨도 많지 않았고, 티스토리 블로그가 워드프레스처럼 차일드 테마를 지원하지 않기 때문에 한번 스킨을 결정하면 업그레이드가 쉽지 않는것이 현실입니다.

티스토리 모바일 스킨 이상 현상과 반응형웹 스킨으로 이사를 갈까 고민중

위 사이트에서 스킨을 받아서 수정을 했는데, 이미 다른 블로그를 만들려고 했을때 한번 작업을 해서 그나마 좀 수월했네요.

http://userbook.tistory.com

IT분야 리뷰를 위 사이트로 옮기려고 마크쿼리 스킨을 가지고 좀 놀았는데, 현재는 그만두고 워드프레스로 이전을 했습니다.

사용설명서 블로그 - http://userbook.net

반응형 웹 스킨이라는것이 무엇인지, 궁금하신분은 위 동영상을 참고하시길 바라겠습니다.

그리고 애드센스 광고는 대부분 반응형 단위(화면 사이즈에 따라서 변화는 광고)로 부착을 했는데, 위 영상에 미디어쿼리를 이용해서 애드센스 광고를 적절하게 수정하는 방법을 설명해 놓았습니다.

이 부분을 잘 몰라서 adsense에서 권장하는 스마트 크기 조정을 이용하시기도 하는데, media query로 직접 수정을 하시는게 ctr, cpc 등에 더 유리할듯 합니다.

cmsFactory.net - http://www.cmsfactory.net/node/10149

베누시안 블로그 - http://martian36.tistory.com/

마크쿼리 외에 위 두개의 반응형 웹 스킨도 고려를 했지만, cmfFactory는 추후 업데이트가 없을듯 해서 포기했고, Venusian 님의 스킨은 기능이나 디자인적인 측면에서 아주 뛰어나지만 마크쿼리에 비해서 약간 무거운 느낌이라서 마크쿼리를 선택을 했습니다.

이외에도 찾아보시면 꽤 많은 반응형 웹 스킨이 있는데, 자신에게 맞는 스킨을 선택해서 설치하시면 됩니다.

티스토리 모바일웹 스킨 ON/OFF 기능과 반응형웹 블로그와 애드센스 광고 만드는 방법

스킨 설치는 어렵지 않고, 모바일 스킨을 끄시고, zip파일을 압축풀어서 올리면 됩니다.

설치전에 만약을 대비해서 기존 스킨은 꼭 백업을 받아두시는게 좋겠지요.

■ 티스토리 반응형웹 스킨의 단점

반응형 웹 스킨을 설치를 한다고, 마냥 좋은것만은 아닙니다.

html, css, javascript 에 대해서도 모르고, 스킨을 설치하면 그냥 위젯이나 사이드바 정도만 꾸미신다면 상관없지만, 

자신의 입맛에 맞추어서 수정을 하신다면 저같은 초보는 생고생을 해야 합니다...-_-;;

티스토리는 유료 스킨, 플러그인 등이 없어서 개발자가 취미나 학습의 의미로 개발을 하는 정도인데, 그러다보니 문제가 생기는 경우 직접 해결을 해야 합니다.

반응형 스킨에서 티에디션도 반응형으로 만들기

자신의 티스토리 메인 화면인 티에디션 또한 제대로 작동을 하지 않는데, 위 글을 참고하시면 어느정도 해결이 가능합니다.

또 하나 몇일을 걸려서 스킨을 작성하고, 몇달간 최적화 작업을 조금씩 진행을 했는데, 제작자가 새로운 버전을 내놓으면 맨붕이지요... 그나마 코드 몇줄만 수정하는 정도면 상관없지만, 이번에 마크업쿼리가 3.0.0으로 버전을 올리면서 대대적인 수정을 한 경우... 기존 스킨을 그냥 쓰던지, 새로운 스킨으로 다시 일일히 수정 작업을 해야 하는데, 도대체 어디를 어떻게 수정했는지 알수가 없으니 참 난감합니다.

wordpress의 child Theme 같은 기능이 있으면 좋겠지만, 그건 힘들듯 한고, 암튼 이 점은 각오를 하시고, 한번 설치하면 꽤 오랜 기간 사용할 생각을 하시는게 좋을듯 합니다.

■ 티스토리 반응형 웹 스킨의 장점

단점도 좀 있기는 하지만, 장점이 물론 더 많습니다.

기존의 티스토리는 데스크톱 화면과 모바일 화면이 별도로 있었는데, 반응형 웹 스킨은 하나를 이용해서 양쪽을 모두 구현을 합니다.

티스토리 측에서 모바일 스킨을 제공을 하지만, 편집이 불가능하기 때문에 모바일 화면에 애드센스같은 광고나 구글 애널리틱스 추척 코드를 삽입하려면 본문에 일일이 삽입을 해야 했는데, 반응형 웹은 그런 고민이 단숨에 해결이 됩니다.

티스토리 모바일 페이지 CSS 스타일 문제와 애드센스 광고 데스크탑용이 중복되지 않게 본문에 삽입하는 방법

모바일 페이지에서는 a href 링크 css 스타일 수정도 하지 못했지만, 이제는 PC와 동일하게 작업을 할수 있습니다.

애드센스 광고 또한 반응형 단위를 사용해서 수익에도 더 많은 도움이 될듯합니다.

왼쪽은 이번에 설치한 반응형웹 스킨이고, 오른쪽은 티스토리의 모바일 페이지로 아이폰5에서 본 화면입니다.

반응형웹에서는 300*250 광고가 들어가도 컨텐츠가 충분히 보입니다.

하지만 티스토리 모바일 웹은 타이틀바 2개에 삭제 버튼, 댓글 버튼 등으로 iphone5의 반 이상을 차지하는데, 반응형 웹으로 불필요한 부분을 싹 걷어낼수도 있습니다.

이건 갤럭시 S4에서의 화면입니다.

모바일 기기별 화면 보기 - http://troy.labs.daum.net/

참고로 반응형 웹 스킨을 수정, 편집 하실 경우에 스마트폰, 테블릿, 크롬, 인터넷익스플로어(ie7, ie8, ie9, ie10) 등의 화면에서 문제없이 출력이 되는지도 확인을 하셔야 합니다.

특히나 ie6, ie7, ie8 에서는 특정 자바스크립트가 작동을 하지 않아서 보이지 않을수도 있는데, IE 개발자 모드에서 확인해 보시면 됩니다.

확인을 해보니 제 블로그에 반은 android Browser로 들어오고, 1/4 정도가 Internet Explorer로 접속을 하는데, 그중에서 IE8의 35%, IE7 21% 으로 50%가 넘는데 IE7 이하는 호환성에 문제가 있다고 하니 확인해 보시는게 좋을듯 합니다.

몇일 고생을 하기는 했지만... 바꾸고 나니 왜 진작 바꾸지 않았나 싶은 생각도 드네요...^^

많은 분들에게 권해드리고는 십지만, html, css, javascript에 대해서 거의 모른다면 쉽지 않은 일인데, 초보자 분들이라면 마크쿼리 보다는 베누시안님이나 다른 반응형 스킨을 이용해서 한번 도전을 해보시면 좋을듯 합니다.

처음부터 블로그에 스킨을 바꾸어서 고생을 하기 보다는, 하나의 계정당 5개의 블로그를 만들수 있으니 테스트 블로그를 만들어서 해당 계정에 반응형 스킨을 설치해 테스트부터 해보시는게 좋지 않을까 싶습니다.

암튼 멋진 스킨을 제공해 주신 마크쿼리님께 감사드립니다!

구글 애드센스 검색 엔진 광고 2개 설치시 Google 브랜드 로고가 사라지는 경우 해결 방법

유튜브 동영상 검색-네이버,다음,구글 검색엔진 결과 비교와 미래는?

애드센스 320*100 큰 모바일 배너 광고 단위 추가로 수익증대 기대와 티스토리는?

티스토리 블로거를 위한 애드센스 정책 행아웃 온에어 세션 정리-AdSense 주의사항

행아웃 온에어 세션, Mobile광고 Adsense 모바일의 기회에 대한 강연 정리

구글 애드센스 최적화 기회 2편 강연 정리와 동영상(티스토리 크롤러 오류, A/B테스트로 광고성과 높이기)

행아웃 온에어 세션, 구글 애드센스 최적화 기회 제1편 강연 정리와 참가하는 방법

이미지 무단 도용으로 경찰서와 저작권 위반 고소 건으로 전화 통화

이미지 무단 도용으로 경찰서와 저작권 위반 고소건으로 서부경찰서 지능범죄수사팀에 다녀옴

은행권에서 무료 토정비결을 볼수 있다고 해서 무료로 본후에 해당 내요을 블로그에 복사를 해서 옮긴것으로 형사소송으로 경찰과 통화를 하고, 합의를 안보기로 해서, 경찰서에 가서 난생처음으로 조사까지 받았는데, 한달 정도가 지나니 광주지방검찰청에서 검사의 이름으로 피의사건 처분결과 통지서가 날라왔습니다.

xxx에 대한 저작권법위반 피의사건에 관하여 아래와 같이 처분하였으므로 통지함으로 나왔는데, 처분죄명은 저작권법위반이며, 처분 결과는 협의없음(증거불충분)으로 나왔습니다.

협의없음 처분은 증거부족 또는 법률상 범죄가 성립되지 않아 처벌할수 없다는 결정이라고 하네요.

피의사건 처분결과 통지서-기소유예,혐의없음,죄가없음,공소권없음,각하,참고인증지 처분이란?

무료 토정비결 사이트 & 2010년 토정비결 운세

문제가 된 부분은 바로 위 글의 위 이미지때문인데, 뭐 제가 저작권자의 이미지를 무단으로 가져온것이기 때문에 잘못을 하기는 한것인데, 이런것으로 형사고소까지는 좀 아닌듯 합니다.

암튼 협의없음으로 형사소송은 끝이 났지만, 민사소송을 또 하기도 한다고 합니다.

피해를 주었다가 보다는 위 토정비결을 홍보를 해주었던 글인데, 업체에서 자신들이 손해를 본 부분에 대해서 어떻게 들고나올지, 소송을 할지는 모르겠지만, 이후에도 합의는 보지 않을 예정입니다.

변호사를 하는 동생에게 물어보니 이 정도라면 민사소송을 가도 크게 문제는 될것은 없다고 하는데, 뭐 저로 인해서 피해를 본 부분이 있으면 당연히 물어드려야 겠지요.

다만 올해가 가기전에 신비운의 서비스를 무료로 제공하는 은행,신용카드 회사 들에게 해조은이라는 곳에서 무료 서비스한것을 복사를 했다가 해당 저작권자로부터 블로거들이 무차별적으로 형사소송을 걸고 있다는 점에 대해서 문의하고, 어떻게 생각하는지, 앞으로 어떤 조치를 취할지에 대해서 확답을 들어 보려고 합니다.

물론 이렇게 법적 책임은 자신들의 입장과 다를수도 있다고 하지만, 과연 고객들이 덕분에 형사소송에 걸려서 경찰서까지 가서 조사를 받는것에 대해서 문의 및 확답을 들어봐야 겠네요.

티스토리(Tistory)에 올린 저작권법 위반 동영상 찾아서 삭제하기

저작권료와 블로그 방문자수와 광고수익

저작권법 관련 핵심 Q&A 10가지

저작권법 위반 게시물 정리

저작권 법에 대한 강풀 작가의 제안 - 손바닥과 발바닥

PD수첩 - 저작권의 덫에 걸린 아이들과 저작권법의 문제 (사진보기)

저작권 관련 가이드라인의 아쉬움

저작권 관련 음원, 동영상을 찾아 삭제해 봅시다!

저도 블로그에 이런 문제가 전혀 없지는 않아서 몇차례에 걸쳐서 문제가 되는 글이나 동영상, mp3 음원 등을 삭제했는데도 불구하고 이런 문제가 아직도 남아 있는듯 합니다.

물론 제가 부주의해서 잘못한 문제이기는 하고, 돈을 뜯어내기 위해서 고소를 하는 저작권자도 있지만, 불법유출과 불법 배포로 생업에 지장을 받고 피해를 받는 분들도 있을텐데, 남의 컨텐츠로 웹하드에 올려서 돈을 벌어보겠다는 생각은 안하시는게 좋습니다.

블로그의 이미지나 컨텐츠도 그렇고, 유튜브 동영상도 남의 동영상을 퍼다가 올려서 수익을 올리려다가 계정중지는 물론이고, 소송을 당할수도 있으니 유의하시길 바라겠습니다.

저의 경우 또한 하나의 사례일뿐이고, 저작권자에게 피해를 입히게 되는 경우는 다를 수도 있으니 참고하시길 바라고, 블로그에 사용하는 이미지, 동영상, 음원 등의 사용에 유의하시길 바라겠습니다!