큰일 할 남자

비보안 비밀번호 모음으로 인해 Chrome 56에 http://money2015.tistory.com/ 경고가 표시됩니다. 얼마 전 메일로 "비보안 비밀번호 모음으로 인해 Chrome 56에 http://money2015.tistory.com/ 경고가 표시됩니다."라는 알림 메일이 왔습니다. 일상적인 글을 주로 적는 블로그에 비밀번호나 신용카드 세부정보를 수집하는 입력란이 포함되어 있다?는 허무맹랑한 소리에 조금 더 검색해보니 원인을 찾을 수 있었습니다. 비보안 비밀번호 모음으로 인해 Chrome 56에 http://money2015.tistory.com/ 경고가 표시됩니다. 받는사람: http://money2015.tistory.com/ 소유자2017년 1월부터 Chrome(버전 56 이상)에서는 페이..

웹사이트나 블로그를 운영하면서 방문자를 유입시키기 위해 마케팅은 필수 요소입니다. 좋은 글을 작성했다 하더라도 검색 노출이 되지 않아 방문자 유입이 되지 않는다면 운영하는 입장에서는 힘이 빠질 수밖에 없습니다. 더욱이, 같은 주제를 다루는 수많은 블로그(웹사이트)가 있으므로 검색 노출을 위한 경쟁은 정말 치열합니다. 만약 블로그나 웹사이트의 최적화가 되지 않아 검색 노출이 잘되지 않는다면, 소셜 미디어 마케팅을 활용해 방문자 유입을 노려볼 수 있습니다. 스마트폰 보급이 늘어나며 간단한 클릭만으로도 친구에게 정보를 공유할 수 있는 페이스북, 트위터, 카카오페이지 등의 소셜 미디어는 블로그나 웹사이트를 홍보하는데 가장 좋은 방법 중 하나가 되었습니다. 여러 소셜미디어를 활용할 수 있지만, 이번 포스팅에선 비..

티스토리 채팅창 만들기 - Chatbox큰일 할 남자 블로그 사이드바 스크롤을 내리다 보면 조그마한 채팅창이 있습니다. 댓글은 각각의 포스팅에 작성할 수 있으므로 한정적으로만 보여지는 데에 비해 채팅창은 어느 페이지든 항상 사이드바에 표시되기 때문에 접근성이 뛰어날 거로 생각해 추가했습니다. 그동안 제법 많은 분이 채팅창에 관심을 두고 질문을 주셔서 답변을 드렸는데 채팅창 추가하는 방법에 대한 포스팅을 미루고 미루다 이제서야 합니다. 이미 코드를 만들어주는 사이트가 있으므로 누구나 쉽게 채팅방을 생성할 수 있으며 HTML 코드만 수정할 수 있다면 어느 블로그든 간단하게 채팅창을 추가할 수 있습니다. 1. http://www.smartchatbox.com/ 를 클릭해 '스마트 쳇박스'로 이동한 후 하단 C..

블로그 로딩 속도 높이기 - THML, CSS, JS 압축 블로그 방문자들이 쾌적하게 콘텐츠를 이용하게 하기 위해 블로그 로딩 속도를 높이는 최적화 작업은 필수적으로 해야 합니다. 티스토리는 사용자가 직접 HTML과 CSS 코드를 수정할 수 있으므로 네이버 블로그보다는 조금 더 다양한 방법으로 최적화를 시도해 볼 수 있습니다. - - - - - ☞ [ 바로 가기 ] 사이트 속도 측정하기 - - - - - 먼저 이 포스팅을 읽기 전 위 링크를 참고해 운영하고 계시는 블로그나 웹사이트의 속도를 측정해보시길 바랍니다. 블로그 속도 측정 후 결과를 살펴보면 최적화를 위해 필요한 작업이 무엇인지 알 수 있습니다. 서비스가입형 블로그(티스토리, 네이버, 이글루스)를 이용하는 경우 직접 서버를 관리하지 않기 때문에 ..

HTML 압축 프로그램 HTML 압축 프로그램 사용법1. 압축하고자 하는 HTML 코드를 복사한 후 Source 탭 박스 안에 붙여 넣기합니다.2. 박스 하단 Compress를 클릭합니다.3. 압축 된 HTML 코드를 복사해 적용 시킵니다. ※ 압축 시 파일이 손상될 수 있기 때문에 반드시 백업 파일을 생성하시기 바랍니다. 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 프로그래밍 언어의 한 종류이다. 특히 하이퍼텍스트를 작성하기 위해 개발되었으며, 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성된다. HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰인다. HTML에서..

CSS 압축 프로그램 CSS 압축 프로그램 사용법1. 압축하고자 하는 CSS 코드를 복사한 후 Input 박스 안에 붙여 넣기합니다. 2. Input 박스 우측 상단 CSS를 클릭합니다. 3. 압축 된 CSS 코드를 복사해 적용 시킵니다. ※ 압축 시 파일이 손상될 수 있기 때문에 반드시 백업 파일을 생성하시기 바랍니다. 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS이다. 간단히 스타일 시트라고도 한다. HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 ..

[블로그 최적화] 고품질 블로그를 만드는 비밀 정보 - 이탈률을 낮춰라! 검색 노출이 잘되는 블로그를 만들기 위해 많은 블로거가 최적화를 목표로 열심히 노력하고 있습니다. 이와 관련된 내용은 인터넷에서 쉽게 찾을 수 있으므로 얼마나 관심을 가지고 공부하는 지와 자신의 블로그에 맞게 잘 적용하는지가 중요합니다. 블로그 최적화 노하우 글을 읽다 보면 제법 많이 등장하는 글이 주제가 비슷한 글로 연결되는 링크나 방문자의 흥미를 끌 만한 주제를 가진 글의 링크를 함께 포스팅하라는 것입니다. 과거에 포스팅했던 글 중 지금 작성하고 있는 글과 비슷한 주제를 가진 것을 찾아 링크만 걸어주는 이 단순한 작업이 블로그의 가치를 훨씬 높여주는 황금 같은 작업이 될 수 있습니다. 대부분의 블로그는 이웃이나 즐겨찾기 기능을 ..

블로그 상위 노출과 양질 포스팅의 필요성 [블로그 최적화] 블로그 상위 노출과 양질 포스팅의 필요성블로그 상위 노출 필요성 실험 몇 주 전 블로그 상위노출의 필요성과 관련해 구글 애널리틱스를 이용해 실험을 진행했습니다. 두 개의 블로그를 이용해 비슷한 주제와 거의 같은 제목을 가진 글을 각각 작성한 뒤 하나는 키워드 검색 시 1페이지에 나오도록 하고 다른 하나는 2페이지에 나오도록 배치했습니다. 일주일이 지나고 1페이지에 노출되던 글은 한두 칸 아래로 밀리긴 했지만, 여전히 1페이지 노출을 지켰고 2페이지에 노출되던 글은 계속 밀려 3페이지 끝자락에 노출되고 있었습니다. 양질 포스팅 필요성 실험 다음 실험으로 블로그 상위 노출 기술과 양질의 글 중 어떤 것이 더 중요한지를 알아보기 위해 위 실험과 유사하..

개인이나 특정인을 상대로 한 블로그가 아닌 이상 일반적으로 블로그를 운영하는 사람이라면 자신이 운영하는 블로그(웹사이트)에 많은 사람이 방문하길 희망합니다. 사실 몇 년 전만 하더라도 개인 블로그보단 카페가 유행했기 때문에 어떤 주제로 블로깅 하든 경쟁자가 적어 검색에도 쉽게 노출되고 방문자 수도 높은 수준으로 꾸준히 유지할 수 있었습니다. 하지만 추세가 변하고 수많은 사람이 카페 시스템에서 벗어나 개인 공간(블로그)을 만들기 시작하며 경쟁해야 할 상대가 늘어나게 되었습니다. 특히 블로그를 운영하며 협찬, 홍보 글, 광고 삽입 등으로 인한 수입을 얻을 수 있는 인프라가 구축되면서 전문 블로거와 업체가 블로그 경쟁에 참여하기 시작했고 이로 인해 블로그 상위 노출을 위해선 다양한 전문성이 요구되기 시작했습니..

일반적으로 글상자를 생성하면 이 글상자처럼 블로그 최대 가로길이와 같은 크기로 만들어지게 됩니다. 만약 글상자 안에 들어갈 글이 길거나 디자인을 위해 사용하는 경우라면 큰 문제가 되지 않겠지만, 글이 짧거나 깔끔한 정리를 위해 사용했을 경우 너무 긴 글상자가 오히려 가독성을 해치거나 레이아웃을 망치는 경우가 발생합니다. 비슷한 기능의 표는 경계선을 드래그해 쉽게 크기를 조절할 수 있도록 설정되어 있지만 이와 달리 글상자는 크기 조절 드래그 기능이 지원되지 않습니다. 하지만 방법이 없는 것은 아닙니다. 간단한 HTML 수정을 통해 글상자 길이를 조절할 수 있는데, 가로 크기를 픽셀로 입력해주는 방법과 기본 가로 크기의 일정 % 만큼 크기를 입력해 변화시키는 방법이 있습니다. 용어가 익숙하지 않은 사람에겐 ..

휴가철 블로그 방문자 수 증가 시키기 혹은 지키기 봄이 되면 많은 사람이 꽃놀이 여행을 떠나기 때문에 시청률이 떨어진다는 무한도전 방송을 본 기억이 있습니다. 사실 블로거들에게도 이와 비슷한 시기가 있는데, 바로 휴가철인 7, 8월입니다. 많은 사람이 휴가를 떠나기 때문에 평소보다 컴퓨터 앞에 앉아있는 시간이 줄어들고 이는 블로그 방문자 수 감소에 직접적인 영향을 미칩니다. 블로그를 오래 운영해오셨던 분이라면 방문자 수가 블로그 수익에 미치는 영향이 얼마나 큰지 알고 계실 거라 생각합니다. 하지만 이에 대비해 미리 준비한다면 위기를 기회로 바꿀 수 있습니다. 저 역시도 지난 몇 년간 휴가철만 되면 방문자가 줄어드는 현상으로 고민에 빠졌었고 고민과 연구를 거듭하며 나름대로 노하우가 생겼습니다. 특히 이번 ..

티스토리에서 작성한 글을 SNS 발행 기능을 통해 트위터, 페이스북 등 소셜 미디어에도 공유하면 검색 유입 이외에도 SNS를 통한 방문자 유입을 기대해 볼 수 있습니다. 하나하나 수작업으로 발행하는 방법도 있지만 트위터 피드라는 사이트를 이용하면 글을 작성할 때마다 자동으로 소셜미디어에 발행되게 설정할 수 있습니다.#티스토리글트위터발행 #티스토리글페이스북발행 블로깅을 직업으로 삼는 블로거나 좀 더 많은 방문자 유입을 원하는 블로거라면 이제 블로그 SNS 홍보 마케팅은 빼놓을 수 없는 작업이 되었습니다. 하지만 여러 블로그를 운영하는 사람이라면 매번 새로운 글을 포스팅하기도 벅찬데 트위터, 페이스북 등에 홍보성 글을 또 작성하는 것이 여간 번거로운 작업이 아닐 수 없습니다. 저 역시도 현재 블로그를 4개 ..

티스토리엔 다양한 스킨이 배포되어 있지만 예쁜 상단 메뉴를 가지고 있는 스킨은 찾기 힘듭니다. 또한 마음에 드는 스킨을 찾았는데도 불구하고 상단에 홈 버튼이 없으면 블로그를 이용하는 데 불편함이 뒤따릅니다. 저 역시도 이때문에 블로그 운영 초기에 실용성을 위해 블로그 디자인을 포기한 적이 있었습니다. 하지만 'Dynamic Drive CSS Library'를 이용하면 HTML과 CSS 수정을 통해 티스토리 상단 메뉴바와 홈 버튼을 만들 수 있습니다. #티스토리홈버튼만들기 티스토리 상단 메뉴바 만들기 1. Dynamic Drive CSS Library로 이동해 상단 메뉴 중 'CSS CODES - Horizontal CSS Menus'를 클릭합니다. ☞ [바로가기] Dynamic Drive CSS Libr..

구글에 구글 웹마스터가 있다면 네이버에는 네이버 웹마스터 도구가 있습니다. 네이버 웹마스터 도구는 아직 BETA 서비스로 진행되고 있지만, 초기보다 제법 구색이 갖추어졌습니다. 블로거 대부분이 운영중인 블로그의 네이버 검색엔진 최적화를 위해 웹마스터 도구를 블로그의 등록과 관리하는 용도로만 사용하고 있지만 조금만 눈을 돌려보면 블로그 운영에 도움이 되는 정보가 곳곳에 숨어있습니다. 특히 우측 상단에서 찾을 수 있는 '도움말 및 가이드'를 눌러보면 블로그 최적화, 특히 검색엔진 최적화에 도움이 되는 글들을 찾아볼 수 있습니다. 전문적으로 블로깅을 하는 사람이라면 SEO 작업을 통해 블로그를 최적화 시키는 데에 관심이 많을 텐데 국내 검색엔진 1위를 차지하는 네이버에서 제시하는 여러 가지 팁이니 특별히 시간..

티스토리 블로그 사용이 익숙해지면서 관리 창으로 이동할 때 단축키(Q)를 사용하다 보니 우측 상단 메뉴바를 사용하는 빈도가 현저히 줄었지만, 티스토리 기본 메뉴에서는 메뉴바를 꾸밀 순 있어도 없앨 순 없었기 때문에 그냥 사용해왔습니다. 하지만 최근 블로그 스킨을 반응형으로 바꾸면서 티스토리 메뉴바와 썸네일이 겹치는 현상이 발생했습니다. 미관상으로 좋지 않고, 미스 클릭이 날수도 있다고 판단되어 CSS 편집을 통해 티스토리 우측 상단 메뉴바를 제거했습니다. 메뉴바를 제거하는 방법은 아래와 같습니다. 1. 블로그 관리 창에서 "HTML/CSS 편집" 탭을 클릭합니다. 2. HTML/CSS 편집 탭에서 "CSS"를 클릭합니다. 3. CSS 탭의 가장 하단에 아래 첨부된 소스를 추가하고 저장합니다. /* 티스토..