about.me는 소셜 프로필 명함(Social Profile Business Card) 서비스입니다. 2009년 10월 Ryan Freitas, Tony Conrad, Tim Young에 의해 설립됐고 2010년 12월 런칭을 했지만 불과 4일도 지나지 않아서 AOL에 합병됐습니다. 하지만 창립자인 Tony Conrad는 AOL의 비지니스 모델과 어울리지 않아 다시 구매했다고 합니다. AOL은 콘텐츠 사업이고 about.me는 소셜 미디어 사업이므로 서로 다른 것이죠. 어바웃닷미는 원페이지 프로필 웹호스팅 서비스를 무료로 제공합니다. 일반 소셜 네트워크와 다른 점은 소통을 위한 대화가 아니라 자신을 소개하는 기능을 갖고 있습니다. 작은 규모 블로그라고 할 수 있습니다. 각종 SNS 링크도 할 수 있고 ..
구글 크롬을 사용하다보면 구글 광고에 대체되어 흉칙한 광고가 나타나는 경우가 있습니다. 어떤 때는 플래시 광고처럼 번쩍 거리기도 하고 이런게 구글광고인가 싶기도 해서 그대로 놔두고 넘어간 적이 있는데 하도 이상해서 요소검사를 해보니 Xtendmedia 바이러스에 의한 광고였습니다. 주로 콘텐츠 영역에 나타나더군요. 구글링을 해보니 여러가지 방법이 있는데 간단한 것은 확장 프로그램에서 제 3자에 의해 설치된 것인지 확인하고 제거하면 됩니다.-->http://martian36.tistory.com/1224 그런데 이 Xtendmedia 바이러스는 바이러스 검색해도 검출되지 않는데 프로그램으로 설치되기도 하고 구글 확장 프로그램으로 설치되기도 한다고 합니다. 다양한 제거 방법은 -->http://botcraw..
현재 제 블로그에 사용되고 있는 눈내리는 효과의 제이쿼리 플러그인 사용법을 간단하게 알아봅니다. 이제 12월이라 그런 분위기입니다. 우선 html 편집화면에 아래의 코드를 복사해서 태그 이전에 붙여넣습니다. 대부분 제이쿼리 라이브러리를 사용하는데 없는 경우 구글의 CDN 링크를 추가하고 저장하면 됩니다. 아래 코드 중 첫번째 줄입니다. 그런 다음 아래의 제이쿼리 플러그인을 파일업로드 화면에서 추가해줍니다. 완료되면 블로그 화면에서 새로고침하면 눈내리는 효과가 나타납니다. 워드프레스는 http://martian36.tistory.com/1116 이곳의 링크를 참고하세요. 눈송이 색상 변경 색상을 변경하려면 원하는 색상 코드를 포토샵이나 다른 컬러피커로 만들어서 복사합니다. 옵션 설정 부분에서 ( ) 안에 ..
가끔 유입로그를 보다보면 알렉사(Alexa) 홈페이지로 이동되는데 이곳에 티스토리의 접속 통계가 나와있어서 흥미롭게 보곤 합니다. 먼저 알렉사라는 곳은 어떤 곳이냐 하면 미국 캘리포니아에 위치한 아마존닷컴의 자회사로 상업적 웹 트래픽 데이터를 제공하는 회사입니다(위키피디어). http://www.alexa.com/ 사이트에서 도메인을 입력하고 검색 아이콘을 클릭하면 사이트의 순위 정보와 각종 통계를 볼 수 있습니다. 티스토리는 세계적으로 1,673위, 국내에서 19위에 위치해 있습니다. 방문자의 성별, 국가별 통계도 있군요. 티스토리에 들어오는 경로는 네이버와 구글을 통한 접속이 많습니다. 구글의 접속이 네이버를 넘어서는군요. 검색어는 언더시티와 토렌트가 많이 차지하고 있습니다. 다른 사이트에서 링크가 ..
티스토리의 댓글은 기본적인 댓글 관리 시스템이 있지만 댓글에 댓글을 달 수 있는 글타레(thread)가 2단계까지 밖에 안되고 소셜 네트워크 연결이 안되죠. 그래서 라이브리나 페이스북 계정을 이용한 댓글 시스템을 추가하기도 합니다. 이들 댓글 시스템에 댓글 관리를 위한 관리자 화면이 있는지 찾아보지는 않았지만 그동안 댓글이 있는 경우 어느 글에 댓글이 달렸는지 알 수가 없고 관리하기가 불편해서 중지를 하고는 했습니다. 디스커스는 전세계적으로 많이 사용하는 댓글 관리 시스템 중에 하나입니다. 워드프레스나 다른 CMS를 위한 플러그인도 있지만 티스토리의 경우 일반 웹사이트로 설치하는 방법이 있습니다. 설치도 간편하고 댓글을 관리할 수도 있으며 소셜계정으로 댓글을 달 수도 있습니다. 글타레도 4단계까지 가능하..
이전에 공개했던 스킨과 제가 사용하고 있는 스킨이 차이가 나서 스타일시트를 모두 현재 사용하고 있는 것으로 교체했습니다. 이미 사용 중인 분은 다음의 코드를 복사해서 style.css의 하단에 붙여넣고 첨부 이미지를 우클릭해서 내려받은 다음 파일을 업로드하세요. 설치해서 사용해보지는 않았으니 문제가 있으면 댓글을 달아주세요. 참고: http://martian36.tistory.com/1250 .accordion-inner.category ul li ul li a { padding-left:20px; width: 15px; height: 15px; background-image: url(./images/sprites-black-vertical.png); background-repeat: no-repeat;..
현재 두가지 스킨을 배포중인데요. 스크롤하면 왼쪽에 따라다니는 뷰온 버튼이 있습니다. 얼마전에 다음 뷰온 버튼의 디자인이 변경돼서 이를 수정해줘야합니다. 두개의 스킨이 조금 다른데 우선 첫번째 스킨인 아래의 스킨을 수정해보겠습니다. HTML/CSS 편집창에서 아래와 같은 코드를 찾습니다. 위 코드를 다음과 같이 수정합니다. 위 코드에서 http://martian36.tistory.com 부분은 자신의 블로그 URL을 입력하면 됩니다. 그런 다음 style.css 창에서 아래와 같은 코드를 찾습니다. #floating-box { display:none; position: absolute; left: -66px; border: 1px solid #CCC; border-right: 0px; padding: 5..
그동안 5천원에서 1만원까지 기부를 조건으로 공개했었는데 수정 요청과 문의가 많아 해당 글을 내리고 공개를 하지 않았는데 요청자가 꽤 있어서 이메일로 보내드리기는 제가 좀 바쁘네요. 공개 조건은 이전과 같이 기부를 하는 조건이지만 강제하지는 않겠습니다. 가급적 기부를 해주세요. 저도 이것 만드느라고 시간이 많이 들었습니다. 나중에 다시 더 좋은 스킨을 만들어 공개하도록 하겠습니다. 사용 방법에 관해서는 일체 답변을 못드립니다. 제 글 중에 티스토리 카테고리에서 찾으면 사용법이 있습니다. 또한 수정도 못해드립니다. 스킨 파일은 해당 글에 첨부 파일로 올리겠습니다. 현재 제가 사용 중인 스킨입니다. 트위터 부트스트랩으로 만든 것이라서 반응형 디자인입니다. 해당 글 --> http://martian36.tis..
이전 글에서도 언급했지만 트위터 부트스트랩으로 디자인을 하면 모두 같은 디자인이 나오기 때문에 되도록이면 다르게 나타나도록 디자인을 수정하는 것이 좋습니다. 메뉴가 선택됐을 때 inset으로 인해서 내부 그림자 효과가 나타나죠. 이것을 다르게 나타나도록 변경해보겠습니다. 이번 글에서 작업할 내용은 위와 같습니다. 선택되지 않은 메뉴는 우측 상단에 세모 도형이 나오고 선택된 메뉴는 세모 도형이 접히는 효과와 함께 그림자도 나타납니다. 또한 메뉴 사이에 부트스트랩의 vertical-divider가 나타나도록 했습니다. 이것은 익스프레스 엔진으로 하여금 반복되도록 출력할 수가 없어서 CSS를 이용해서 각 li 태그에 나타나도록 했습니다. 부트스트랩의 스타일시트를 제거하려면 해당 요소를 선택하고 요소검사를 해서..
이전 글에서 익스프레스 엔진의 메뉴 구조를 2단의 서브 메뉴로 만들고 여기에 트위터 부트스트랩의 메뉴를 설치했습니다. 부트스트랩의 메뉴바는 서브 메뉴가 있는 메뉴를 클릭하면 해당 메뉴가 있는 페이지가 열리는 것이 아니라 서브 메뉴가 열립니다. 그렇다면 익스프레스 엔진으로 메뉴를 만들 때 서브 메뉴가 있는 메뉴는 페이지를 링크할 것이 아니라 비어있는 링크를 연결해야 합니다. 대부분의 경우 어떤 메뉴를 클릭하거나 마우스를 올렸을 때 서브 메뉴가 나타난다면 서브 메뉴의 아이템으로 이동해서 클릭하게 되죠. 이번 글에서는 이러한 부트스트랩 메뉴바를 사용하는 방법을 알아보겠습니다. 익스프레스 엔진 메뉴 수정하기 익스프레스 엔진이 1.7 버전으로 업그레이드 되면서 메뉴 설정이 아주 간편해졌습니다. 전체적인 UI가 이..
이전 글에서 익스프레스 엔진의 메뉴를 2단 서브 메뉴로 만들고 부트스트랩 라이브러리 파일들을 추가했습니다. 이번 글에서는 내비게이션 메뉴바를 만들어보겠습니다. 이전 글에서 알아봤듯이 익스프레스 엔진의 메뉴 구조는 여러가지 변수와 조건문에 의해 만들어지고 있어서 부트스트랩의 메뉴 선택자를 적절하게 나타나도록 조건문을 이용하면 됩니다. 메뉴바 만들기 이전 글에서 부트스트랩의 기본 메뉴 구조에 대해 알아봤는데 반응형 메뉴바는 몇가지 태그와 선택자가 추가됩니다. Project name 반응형 메뉴바는 화면 폭이 축소됐을 때 좌우로 정렬돼 있는 메뉴들이 상하로 배열되면서 감춰지고 버튼이 나타나며 버튼을 클릭하면 감춰진 메뉴들이 나타나는 구조입니다. 이러한 버튼 역할을 하는 것이 class="btn btn-navb..
어느 CMS나 마찬가지겠지만 부트스트랩을 해당 CMS에 적용할 경우 가장 복잡하고 어려운 부분이 내비게이션 메뉴입니다. 메뉴바라고도 하죠. 트위터 부트스트랩의 내비게이션 메뉴바는 각 요소에 정해진 클래스 선택자를 추가하면 메뉴를 클릭했을 때 서브 메뉴가 나타나는 구조입니다. 워드프레스의 경우도 마찬가지라서 내비게이션 메뉴가 함수에 의해 만들어지고 있기 때문에 부트스트랩의 선택자를 삽입하기 어려워서 Walker Nav이라는 별도의 프로그램을 만들어서 함수 파일에 추가하면 쉽게 부트스트랩의 메뉴 구조를 사용할 수 있습니다. 부트스트랩 관련 프로젝트의 자바스크립트를 추가하면 클릭하지 않고 마우스 오버 상태에서도 서브 메뉴가 나타나도록 할 수 있습니다. 우선 부트스트랩 기본 구조에 맞춰서 익스프레스 엔진의 메뉴..
관리자 센터에 주제별 새글이라는 모듈은 새로운 글을 만날 수 있는 좋은 기능을 합니다. 그런데 일부 블로거님들의 무작위 주제 분류로 인해 적절한 주제가 아닌 글이 자리를 차지하고 있습니다. 어떤 분들은 문어발 식으로 모든 주제를 선택해서 글이 나타나도록 하고 있습니다. 바쁜 시간에 들어와 좋은 정보의 글도 보고 추천도 하고 하는데 내가 원하는 주제를 선택해서 보고자 하지만 엉뚱한 주제의 글이 자리를 차지하고 있으니 짜증이 나기도 합니다. 몇번을 생각하다 이제 글로 올립니다. 블로거 여러분들 주제 선택을 잘 해주시면 고맙겠습니다. 자신의 글이 어떤 주제에 속하는지 하나만 선택해주세요. 그렇지 않은 경우 반감만 사게 됩니다. 안좋은 블로그로 낙인 찍혀서 좋은 글제목이 올라와도 절대 방문하지 않습니다. 부득이..
저작권 침해자가 자신의 잘못을 인정하고 사과를 했습니다. 티스토리 블로그는 자진 폐쇄를 했고 네이버 블로그의 글은 자신의 글도 있으니 전체를 하나씩 점검해서 삭제를 하겠다고 했습니다. 참고 글-->http://martian36.tistory.com/1106 어제 저작권 침해 블로거에 적극 대응한 결과 티스토리 블로그는 자진 폐쇄했습니다. 네이버 블로그는 선택적으로 글을 삭제하고 있는지 글이 3500여개에서 2600여개로 줄었다가 현재는 1600개 정도입니다. 오늘 새벽에 제 이메일로 글을 보낸 것을 보니 저작권 침해자가 명예훼손으로 대응할 모양입니다. 언제든지 준비돼있습니다. 오늘내로 모든 저작권 침해 글을 내리고 사과 공지글을 블로그에 게재하라고 답변했습니다. 그러지 않으면 저는 저작권 침해로 고소 들..
대부분의 블로그는 전세계적으로 인기있는 구글 애드센스를 사용합니다. 수익성도 좋고 광고 디자인도 좋아서 블로그 디자인에 비주얼 효과를 주기도해서 세계인들이 애용하는 광고입니다. 그런데 구글 애드센스는 가입하기도 까다롭고 유효하지 않는 클릭을 감시하거나 광고의 적정한 배치 감시 등으로 인해 사용할 때 항상 유의해야 광고가 차단되는 일을 방지할 수 있습니다. 구글 애드센스는 엄청난 비용을 들여서 개발한 만큼 광고주를 불량 클릭으로부터 보호하기 위해 아주 다양한 프로그램을 사용하고 있습니다. 이러한 프로그램에 대해서는 공개하지 않기 때문에 어떤 행태를 하지 말아야하는지 알아두는 것이 좋습니다. 구글 애드센스에 가입을 하고 로그인하면 가입자의 IP 주소가 저장되고 내 컴퓨터의 쿠키에 사용자의 정보가 저장되므로 ..
보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.