이번에 티스토리에서 보안인증서를 설치하면서 여러 가지 에러가 발생하고 썸네일 이미지가 Mixed Content로 나타나는 등 문제가 발견됐습니다. 현재 제 블로그의 스킨을 업데이트 하기위해 티스토리에서 제작한 반응형 스킨(#2)을 참고해 썸네일 이미지 부분을 수정하면서 #2 스킨을 핀터레스트 스타일로 수정해봤습니다.사이드바 3단사이드바 2단.사이드바 1단사이드바 2단, 1단은 위젯이 많아지면서 스크롤바가 나타나는데 보기에 좋지않아 크롬에서만..

http://www.tistory.com/skin/all?isResponsiveWeb=true요즘 티스토리에서 반응형 스킨 공모전이 열리고 있어서 여러 개발자들이 스킨을 제작해 올리고 있습니다. 구글 머티리얼 디자인의 영향인지는 모르겠으나 사이드바가 없는 경우가 많습니다. 아무리 모바일 우선(Mobile First)의 시대라 해도 넓은 화면의 모니터에서 봤을 때 사이드바가 없으면 콘테이너의 폭이 좁아질 수 밖에 없습니다. 글을 읽는데 좌우 폭이 너무..

블로그를 돌아다니다 보면 대부분의 블로그가 태그를 아주 많이 달아놓고 있습니다. 이 태그란 것이 무슨 검색 유입에 도움이 되는 것처럼 사용되고 있는 듯 합니다. 즉 검색엔진이 이 태그를 인식해서 검색자가 검색하면 이 검색어를 기준으로 사이트가 노출되는 것으로 오해하고 있는 것 같습니다.태그란 카테고리와 마찬가지로 글의 분류를 위해 사용하는 것에 불과 합니다. 만일 태그가 검색 엔진에 도움이 된다면 카테고리를 수없이 만들어 놓는 것과 같은 것입니다. ..

이전 버전에서 몇 가지 수정하고 스킨 위자드를 사용할 수 있도록 했습니다. 스킨 위자드 버튼을 클릭하면 몇 가지 설정할 수 있습니다. 배경 탭에서 배경 이미지를 설정할 수 있습니다. 이미지를 사용하거나 패턴을 사용할 수 있습니다. 타이틀 탭에서 이미지 링크를 선택해 헤더 배경 이미지를 추가할 수 있습니다. 텍스트 링크를 선택해 헤더의 높이나 블로그 제목의 글자 색상, 크기를 설정할 수 있습니다. 게시글 탭에서는 제목 글..

제가 사용할 티스토리 스킨을 만들려고 테터툴스 최근 버전을 설치하니 기본 스킨이 부트스트랩으로 만들어졌고 깔끔하더군요. 그래서 일부 수정한 스킨을 공개합니다. 스킨 이름은 periwinkle입니다. 새 버전 바로가기 주로 수정한 부분은 메뉴입니다. 블로그 메뉴는 탑바에 배치하고 카테고리 메뉴는 주메뉴에 배치했습니다. 티스토리는 주메뉴라는게 없어서 별도의 작업을 해줘야 합니다. 그리고 추가한 것이 구글 광고입니다. 사이드바 화면..

about.me는 소셜 프로필 명함(Social Profile Business Card) 서비스입니다. 2009년 10월 Ryan Freitas, Tony Conrad, Tim Young에 의해 설립됐고 2010년 12월 런칭을 했지만 불과 4일도 지나지 않아서 AOL에 합병됐습니다. 하지만 창립자인 Tony Conrad는 AOL의 비지니스 모델과 어울리지 않아 다시 구매했다고 합니다. AOL은 콘텐츠 사업이고 about...

구글 크롬을 사용하다보면 구글 광고에 대체되어 흉칙한 광고가 나타나는 경우가 있습니다. 어떤 때는 플래시 광고처럼 번쩍 거리기도 하고 이런게 구글광고인가 싶기도 해서 그대로 놔두고 넘어간 적이 있는데 하도 이상해서 요소검사를 해보니 Xtendmedia 바이러스에 의한 광고였습니다. 주로 콘텐츠 영역에 나타나더군요. 구글링을 해보니 여러가지 방법이 있는데 간단한 것은 확장 프로그램에서 제 3자에 의해 설치된 것인지 확인하고 ..

현재 제 블로그에 사용되고 있는 눈내리는 효과의 제이쿼리 플러그인 사용법을 간단하게 알아봅니다. 이제 12월이라 그런 분위기입니다. 우선 html 편집화면에 아래의 코드를 복사해서 </body> 태그 이전에 붙여넣습니다. 대부분 제이쿼리 라이브러리를 사용하는데 없는 경우 구글의 CDN 링크를 추가하고 저장하면 됩니다. 아래 코드 중 첫번째 줄입니다.  <script src="https://ajax.googleapis.com..

가끔 유입로그를 보다보면 알렉사(Alexa) 홈페이지로 이동되는데 이곳에 티스토리의 접속 통계가 나와있어서 흥미롭게 보곤 합니다. 먼저 알렉사라는 곳은 어떤 곳이냐 하면 미국 캘리포니아에 위치한 아마존닷컴의 자회사로 상업적 웹 트래픽 데이터를 제공하는 회사입니다(위키피디어).http://www.alexa.com/사이트에서 도메인을 입력하고 검색 아이콘을 클릭하면 사이트의 순위 정보와 각종 통계를 볼 수 있습니다.티스토리는 세계적으로 1,673위, 국..

티스토리의 댓글은 기본적인 댓글 관리 시스템이 있지만 댓글에 댓글을 달 수 있는 글타레(thread)가 2단계까지 밖에 안되고 소셜 네트워크 연결이 안되죠. 그래서 라이브리나 페이스북 계정을 이용한 댓글 시스템을 추가하기도 합니다. 이들 댓글 시스템에 댓글 관리를 위한 관리자 화면이 있는지 찾아보지는 않았지만 그동안 댓글이 있는 경우 어느 글에 댓글이 달렸는지 알 수가 없고 관리하기가 불편해서 중지를 하고는 했습니다.디스커스는 전세..

이전에 공개했던 스킨과 제가 사용하고 있는 스킨이 차이가 나서 스타일시트를 모두 현재 사용하고 있는 것으로 교체했습니다. 이미 사용 중인 분은 다음의 코드를 복사해서 style.css의 하단에 붙여넣고 첨부 이미지를 우클릭해서 내려받은 다음 파일을 업로드하세요. 설치해서 사용해보지는 않았으니 문제가 있으면 댓글을 달아주세요. 참고: http://martian36.tistory.com/1250 .accordion-inner.categor..

현재 두가지 스킨을 배포중인데요. 스크롤하면 왼쪽에 따라다니는 뷰온 버튼이 있습니다. 얼마전에 다음 뷰온 버튼의 디자인이 변경돼서 이를 수정해줘야합니다. 두개의 스킨이 조금 다른데 우선 첫번째 스킨인 아래의 스킨을 수정해보겠습니다. HTML/CSS 편집창에서 아래와 같은 코드를 찾습니다. <object type="application/x-shockwave-flash" data="http://api.v.daum.net/s..

그동안 5천원에서 1만원까지 기부를 조건으로 공개했었는데 수정 요청과 문의가 많아 해당 글을 내리고 공개를 하지 않았는데 요청자가 꽤 있어서 이메일로 보내드리기는 제가 좀 바쁘네요. 공개 조건은 이전과 같이 기부를 하는 조건이지만 강제하지는 않겠습니다. 가급적 기부를 해주세요. 저도 이것 만드느라고 시간이 많이 들었습니다. 나중에 다시 더 좋은 스킨을 만들어 공개하도록 하겠습니다. 사용 방법에 관해서는 일체 답변을 못드립니다. 제 글 중에 티스토리 ..

관리자 센터에 주제별 새글이라는 모듈은 새로운 글을 만날 수 있는 좋은 기능을 합니다. 그런데 일부 블로거님들의 무작위 주제 분류로 인해 적절한 주제가 아닌 글이 자리를 차지하고 있습니다. 어떤 분들은 문어발 식으로 모든 주제를 선택해서 글이 나타나도록 하고 있습니다. 바쁜 시간에 들어와 좋은 정보의 글도 보고 추천도 하고 하는데 내가 원하는 주제를 선택해서 보고자 하지만 엉뚱한 주제의 글이 자리를 차지하고 있으니 짜증이 나기도 합니..

저작권 침해자가 자신의 잘못을 인정하고 사과를 했습니다. 티스토리 블로그는 자진 폐쇄를 했고 네이버 블로그의 글은 자신의 글도 있으니 전체를 하나씩 점검해서 삭제를 하겠다고 했습니다. 참고 글-->http://martian36.tistory.com/1106어제 저작권 침해 블로거에 적극 대응한 결과 티스토리 블로그는 자진 폐쇄했습니다. 네이버 블로그는 선택적으로 글을 삭제하고 있는지 글이 3500여개에서 2600여개로 줄었다가 현재는 ..

대부분의 블로그는 전세계적으로 인기있는 구글 애드센스를 사용합니다. 수익성도 좋고 광고 디자인도 좋아서 블로그 디자인에 비주얼 효과를 주기도해서 세계인들이 애용하는 광고입니다. 그런데 구글 애드센스는 가입하기도 까다롭고 유효하지 않는 클릭을 감시하거나 광고의 적정한 배치 감시 등으로 인해 사용할 때 항상 유의해야 광고가 차단되는 일을 방지할 수 있습니다.구글 애드센스는 엄청난 비용을 들여서 개발한 만큼 광고주를 불량 클릭으로부터 보호하기 위해 아주 ..