티스토리는 아무래도 다음 블로그 서비스다보니 네이버에 검색노출이 쉽지 않습니다. 블로그 지수가 웬만큼 높지 않다면 아무런 조치없이 그냥 글만 써봤자 다음에는 노출될까 몰라도 네이버에는 검색 반영이 상당히 힘듭니다. 따라서 티스토리를 운영하는 대부분의 블로거들은 검색 반영을 위해 '네이버 웹마스터도구' 를 사용합니다. 이 글을 읽기전에 웹마스터도구 등록부터 하고 오셔야합니다. 원래 등록 방법부터 포스팅하려 했으나 이미 관련된 많은 글들이 포털에 있으니 그 중 하나 링크를 걸어드리겠습니다. 네이버 웹마스터도구 등록 방법 : https://blog.naver.com/keyword190/221242117723 웹마스터도구에 사이트 등록을 완료하셨다면 이제 네이버에 검색 반영 요청하는 방법에 대해 간단하게 알아보..

티스토리는 네이버, 다음 등의 타 블로그 서비스와는 달리 사이트의 HTML과 CSS 스타일 시트를 직접 수정해 블로거 입맛대로 사이트를 커스터마이징할 수 있습니다. 하지만 별다른 지식없이 무모하게 건드렸다간 사이트가 깨지는 불상사를 초래하기 때문에 반드시 공부가 필요한 부분입니다. 1. 기본중의 기본, 가장 많이 사용하는 이미지 태그 1cs 이 태그는 무조건 그냥 알고있으면 정말 편한 태그입니다. 블로그 내의 어디가 됐든 원하는 자리에 저 태그 하나만 쓰면 바로 이미지가 출력되니깐요. 사용 예를 간단하게 들어드리면 출력하고 싶은 이미지의 주소가 A라 가정하면 원하는 위치에 그냥 라고 입력만 하면 바로 그 자리에 이미지가 출력됩니다! 간단하죠? 2. 하이퍼링크 걸어주는 태그1사용자 지정 텍스트cs 에디터에..

티스토리 블로거라면 아니 꼭 티스토리 사용자가 아니더라도 요즘 시대는 한 사람당 디바이스 2개 이상은 무조건 가지고 있다 보니 다양한 환경에서 로그인 할 일이 생깁니다. 블로그에 포스팅을 꼭 집에 PC로 하라는 법이 없기 때문에 다른 곳에서 로그인 시도 시, 메일을 보냈으니 '로그인 인증' 을 하라 그러죠. 여간 귀찮은 일이 아닙니다. 이 번거로운 기능을 차단하는 방법에 대해 간략하게 소개합니다. 먼저 티스토리 메인에서 로그인 후 오른쪽 위 프로필 아이콘을 클릭 후 아래 사진처럼 닉네임을 클릭합니다. 닉네임을 클릭하면 계정관리 화면으로 이동하는데, 왼쪽 카테고리에서 보안 - 로그인 기기 관리 탭을 클릭합니다. 등록한 기기에서만이 아닌 모든 기기에서 로그인을 허용해줍니다. 간단하죠?

티스토리에는 '임시저장' 기능이 있습니다. 요즘 세상에 임시저장 기능이 없는 것도 말이 안되지만 저장했었던 글이 갑자기 사라지는 것도 말이 안됩니다. 잠깐의 저장 오류인지 자주 발생하는 증상인지는 잘 모르겠지만 2주 전쯤부터 임시 저장해놓았던 글 4개 정도가 한꺼번에 날아갔습니다. 하나하나 정성을 들여 쓴 포스트라 좀 아깝긴 하지만 한번 더 이런 일이 생겨선 안되기에 나름의 해결방법을 찾아보겠노라 인터넷을 뒤졌습니다. 이런 증상이 저에게만 나타나는 건지 궁금해서 여러 포털사이트에 '티스토리 임시저장' 이라 검색을 해 보았더니 임시저장 기능의 편리함, 장점, 활용하는 법 등의 긍정적인 결과는 안 보이고 오류, 해결방법, 증상 등 부정적인 검색 결과만 수두룩했습니다. 즉, 저에게만 나타나는 증상이 아닌 티스..

이번 포스트에서 티스토리 블로그 운영에 필요한 HTML 태그들을 모조리 정리해드리겠습니다. 티스토리 블로그는 타 블로그 서비스(ex.네이버, 다음 등)과는 달리 무한한 가능성을 숨기고 있습니다. HTML/CSS가 뭔지 하나도 모르시는 분들에게는 그냥 티스토리라는 블로그 서비스겠지만 태그를 활용할 줄 아시는 분들에게는 이보다 더 좋은 블로그 서비스는 없을 것입니다. HTML을 처음 접하시는 분들도 쉽게 이해할 수 있게 설명하겠습니다. 아래부터 소개하는 태그를 바로바로 연습해보고 싶으시다면 여기를 클릭하시면 됩니다. 1. 가장 기본적인 태그면서 가장 많이 쓰이는 태그를 첫번째로 소개하겠습니다. HTML 소스 사용이 가능한 특정 위치에 이미지나 배너를 삽입하고 싶을 때 사용하는 태그입니다. 예를 들어 티스토리..

텍스트 블록이라하면 텍스트 복사를 목적으로 마우스 커서를 이용해 드래그했을 때 생기는 파란 블록을 말합니다. 다들 아시죠? 일반적으로 윈도우의 기본 텍스트 블록 색상은 위와 같이 #368AFF의 색상코드를 가진 푸른색입니다. 기본이 #368AFF이기 때문에 당연 티스토리 블로그도 푸른색으로 텍스트 블록이 지정됩니다. 불법 복사를 방지하기 위해 드래그를 막아놓으셨다면 일단 플러그인 해지부터 하시고 본 방법대로 따라하시기 바랍니다. 1. 우선 티스토리 관리센터 - 꾸미기 - CSS 편집에 들어갑니다. 2. CSS 창 맨 위에 아래 코드를 그대로 복사합니다. /* Drag color */::selection{color:black;background:#B2EBF4;}::-moz-selection{color:bl..

블로그에 글을 쓴 후 몇 분 뒤 관리센터-유입경로에 들어가시면 http://openapi.naver.com/****... 로 시작하는 주소를 많이 보실 수 있습니다. 오픈 API란 Open Application Program Interface 의 약자입니다. 지식백과에서 정의한 오픈 api 는 검색, 블로그 등의 데이터 플랫폼을 외부에 공개하여 다양하고 재미있는 서비스 및 애플리케이션을 개발할 수 있도록 외부 개발자나 사용자들과 공유하는 프로그램을 말합니다. 앞서 정의한 open api 를 그대로 네이버 open api 에 대입시켜보겠습니다. 네이버, 다음, 티스토리 등의 블로거들이 작성한 데이터(여기선 작성된 글들을 말함) 플랫폼을 외부(검색자)에 공개하여 다양하고 재미있는 서비스 및 애플리케이션을 개..

블로그를 운영하다보면 여러 국적의 사용자들이 스팸 방명록 또는 댓글, 트랙백 등을 다는 것을 많이 볼 수 있습니다. 댓글과 방명록의 경우 단순히 IP를 차단해버리면 끝이지만 트랙백은 IP 추적이 되지않아 따로 설정해서 차단을 하셔야 합니다. 블로그를 자주 관리하고 자주 모니터링하신다면 문제없겠지만 몇 달간 모니터링하지 않다가 어느 날 들어와보면 엄청난양의 트랙백이 달려있는 것을 볼 수 있습니다. 하나하나 지우기 정말 애먹습니다. 사전에 차단하는 방법을 설명해드리겠습니다. 먼저 티스토리 관리센터로 들어갑니다. 글 관리 - 글 설정을 클릭하시면 아래와 같은 화면이 뜹니다. 화살표가 가리키는 부분에 '모든 글에 트랙백 수신 차단' 보이시죠? '체크' 해주시면 됩니다. 정말 간단하죠?

예전의 티스토리하면 기본제공 1단, 2단, 3단형 스킨을 그냥 '적용' 버튼을 눌러 사용하거나 HTML/CSS 다룰 줄 아시는 분들은 스킨을 직접 만들어 사용하곤 했습니다. 당연 블로그 초보분들은 티스토리가 어렵고 생소하며 또 네이버만큼 이쁜 스킨도 많이 없기 때문에 적응하기 힘들수 밖에 없죠. 초대장을 받고도 운영을 포기하고 다시 네이버나 다음으로 넘어가시는 분들도 제가 많이 봐왔구요. 어디가서 반응형 스킨을 바탕화면에 내려받아도 그걸 어떻게 블로그에 적용해야 되는지 방법을 몰라서 포기하는 분도 계실테구요. 여러가지 이유로 티스토리가 어려워 포기하셨던 분들 많으실 겁니다. 하지만 어느날 부턴가 티스토리가 개인이 만든 스킨을 업로드 할 수 있는 공간(http://www.tistory.com/skin) 을..

요즘은 윈도우 창의 크기에 따라, 그리고 pc 의 경우 모니터 해상도, 모바일의 경우 스마트폰의 화면크기에 맞게 스스로 사이트의 스킨을 보기좋게 조절하는 반응형 스킨이 대세입니다. 반응형 스킨의 경우 전에는 스킨 제작자 분들이 개인 블로그에 따로 배포를 하고 블로거들은 직접 방문하여 다운로드하는 방식이였습니다. 하지만 티스토리에서 'Skin' 코너를 따로 오픈해주어서 전문 제작자들 뿐만 아니라 일반 사용자들도 자신의 스킨을 공유할 수 있게끔 해주었습니다. http://www.tistory.com/skin 링크에 접속하시면 여러가지 스킨들을 보실 수 있습니다. 위 링크에 제공되는 스킨들은 기존 티스토리에서 제공하던 스킨들과는 아주 많은 차이가 있습니다. 바로 '반응형 스킨' 이라는 겁니다. 필자도 둘러보니..

게시글 대표 이미지로 쓸만한게 정말 없군요...^^;;; 오늘 포스트는 게시글 작성시 게시글에 첨부된 이미지가 사이드바에 의해 짤리는 현상을 해결하기 위한 글입니다. 힘들게 쓴 게시글에 이미지가 다 짤려서 나온다면 읽는 사람도 힘들고 글 쓴 사람도 화가 납니다. 해결방법은 정말 너무나도 간단합니다. 저는 누구나 따라하기 쉽게 간단하게 글쓰는 걸 좋아하니깐요! 이미지 짤림 현상 해결을 위해선 style.css 부분을 수정해주어야 합니다. /*티스토리 사진 맞추기*/ img {max-width: 100%;} span.imageblock {max-width: 100%;} 위의 코드를 그대로 복사하시면 됩니다. 무단복사 방지를 해놓아서 복사가 안될거에요. 따로 첨부합니다. 첨부된 텍스트문서 속 코드를 전체복사하..

플로팅광고라고 하기엔 좀 그렇고...스크롤을 따라다니는 광고라고 표현하면 적당하겠군요. 즉, 다시말하면 마우스 스크롤로 페이지가 상하로 움직여도 광고는 그 자리에 그대로 고정되어 보여지는 그런 광고라는 거죠. 마우스 따라다니는 광고! 방법은 정말 간단합니다. 사진설명조차 필요가 없지만 그래도 몇 장은 첨부하겠습니다. 아래를 봅니다. 먼저 티스토리 관리센터 - HTML/CSS 편집기에서 CSS 편집부분을 봅니다. 스크롤을 최하단으로 내려 그곳에 아래 텍스트파일을 열어 전체를 그대로 복사합니다. 삽입하셨나요? 그럼 이제 사이드바 관리화면으로 들어갑니다. HTML 배너 출력을 맨위로 끌어오신 후 아래 첨부파일 내 HTML 소스를 그대로 복사합니다. 저같은 경우에는 '리더스타임' 광고를 사이드바 플로팅 광고로 ..

힘들게 쓴 블로그 포스트가 네이버에 검색반영되지 않는다면 그보다 더 힘빠지는 일이 있을까요? 그래서 방법을 소개합니다. 네이버에서 검색반영이 되고있는지 안되고 있는지를 한번에 확인할 수가 있더군요. 아래를 봅니다. 1. '통합검색' 이 아닌 '블로그' 검색을 클릭합니다. 바로 아래 '출처' 를 누르신 후 본인 블로그 URL 을 입력합니다. 2. 검색반영여부를 바로 확인하실 수 있습니다. 특정 게시글 또는 본인의 블로그 전체가 검색에 반영되지 않는다면? 검색반영을 요청할 수 있습니다. 아래를 봅니다. 해당하는 것을 체크체크 하시고 쭈욱 진행하시면 위와 같은 마지막 페이지가 나옵니다. 특정 게시글의 URL 을 입력하시고 작성완료하시면 요청이 완료됩니다. 방문자수에 크게 영향을 받는 포털사이트 검색 유입! 검..

제 블로그 상단메뉴 오른쪽을 보시면 위젯이 보이시죠? 바로 실시간 방문자수를 나타내주는 위젯입니다. 방문자들에겐 별 필요가 없는 위젯이지만 블로거에겐 상당히 재미있는 위젯이 되어줍니다. 자신의 블로그를 모니터에 띄워놓은 사용자들의 수가 보이니 흥미롭지 않을 수가 없거든요. 설치방법은 정말 너무 간단합니다. 설명합니다. 1. whos.amung.us(http://whos.amung.us/)에 접속합니다. 아래와 같은 화면이 나옵니다. 블록설정한 곳이 보이시죠? HTML 소스입니다. 그대로 복사하셔서 블로그에서 삽입하고 싶은 위치에 붙여넣기 하시면 바로 표시됩니다. 너무 간단합니다. 위젯이 너무 촌스럽다구요? 디자인을 바꿔봅시다. 아래를 봅니다. 상단메뉴에서 widgets 누르시면 위와 같은 화면이 나옵니다..

애널리틱스가 블로그를 분석해주는 시스템이란 것을 먼저 아셔야 합니다. 네이버 애널리틱스는 내 블로그를 정밀하고도 섬세하게 분석해줍니다. 최고의 관리 시스템이라 해도 과언이 아닙니다. 분석을 받기 위해선 사이트 URL 을 우선 등록하셔야 합니다. 방법을 설명합니다. 아래 사진의 순서대로 그대로 진행하시면 됩니다. 스크립트를 복사하신 후 블로그 HTML/CSS 소스 수정 페이지로 갑니다. 복사한 스크립트를 앞에 그대로 붙여넣기 합니다. 등록이 잘 되었는지의 여부는 아래에서 확인합니다. 왼쪽 사이드바 중 '실시간 분석' 을 클릭하여 그래프가 심장박동 뛰듯 반응한다면 사이트 등록이 완벽하게 된 겁니다. 새로고침(F5)을 계속 함에도 불구하고 그래프가 움직이지 않는다면 URL 주소의 오류 또는 스크립트 위치의 오..

특별한 것이 없습니다. 제 블로그 오른쪽 하단에 보시면 아시겠지만 오른쪽과 같이 NOTICE 플로팅 이미지가 따라다닙니다. 뭔가 공지를 띄우고 싶은데 단순히 글로 써서 '공지' 에 체크하기엔 묻혀서 잘 안보이는 문제가 생기죠. 그래서 저는 얼마전에 올린 '탑버튼 추가하기' 방법에서 조금 응용해보았습니다. 아직 자신의 블로그에 탑버튼이 추가되어 있지 않으시다면 아래 글을 먼저 읽어주세요. 이 포스팅은 탑버튼이 추가되어있다는 전제하에 작성된 글입니다. 2014/12/23 - [티스토리] - 티스토리 탑버튼 간단하게 추가해보자. 자 그럼 본격적으로 시작해볼까요? 정말 간단하기 때문에 잘만 따라오시면 1분안에 모든 작업이 완료됩니다. 1. 먼저 플로팅 이미지로 쓰일 '이미지 파일' 을 준비합니다. 일단 제 이미..

티스토리 블로그에 배경음악을 간단하게 넣을 수 있다는 사실 알고 계셨나요? 그 방법에 대해 설명합니다. 사진보고 차근차근 잘 따라오시면 되겠습니다. 1. 먼저 아래 링크에 접속합니다. http://scmplayer.net/ 2. 원하는 스킨을 선택합니다. 스킨 선택 후 'Next' 버튼 누릅니다. 3. www.youtube.com 에서 원하는 노래의 제목을 검색합니다. 링크를 복사합니다. 'SONG URL' 에 붙여넣기 하면 'SONG TITLE' 은 자동으로 나타납니다. 곡은 원하시는 만큼 추가하실 수 있습니다. NEXT 누릅니다. 4. 커스텀 세팅화면입니다. Auto Play : 홈페이지 접속 시 자동 재생 여부 Shuffle Playback : 플레이리스트 셔플 재생 (다들 아실거라 생각합니다.) ..

블로그의 최하단에 있을 때 스크롤 또는 막대바로 상단까지 올라가기가 여간 귀찮은 일이 아닙니다. 인터넷 검색을 하다 유입된 홈페이지에 오른쪽 하단 막대바 바로 옆에 '맨위로' , 'TOP' 버튼이 위치하고 있는 것을 보셨을 겁니다. 현재 제 블로그 오른쪽 하단에도 '맨위로' 버튼이 있는 것을 보실 수 있습니다. 그 추가방법에 대해 설명드리겠습니다. 1. 먼저 버튼으로 사용할 '이미지' 를 준비합니다. 따로 준비가 안되신 분들을 위해 제 이미지 파일을 첨부합니다. 필요하신 분들 쓰세요~ (HTML/CSS 소스 txt 파일 포함) 2. 이미지 파일을 '관리센터 - 꾸미기 - HTML/CSS 편집 - 파일업로드' 에 업로드합니다. 3. 업로드 된 파일 목록들 중에서 top.png 를 찾아 오른쪽 마우스 클릭 ..

구글 번역기를 티스토리와 같은 html 수정가능한 웹사이트에 간단하게 설치하는 방법을 설명합니다. 먼저 아래 홈페이지에 접속합니다. https://translate.google.com/ 화살표가 가리키는 '웹사이트 번역기' 를 클릭합니다. 웹사이트의 주소를 입력한 후 기본 언어를 본인의 홈페이지의 기본 언어로 설정한 후 '다음' 을 클릭합니다. 파란색 버튼을 클릭합니다. 'Add to your website now' , '웹사이트에 지금 추가' 버튼. 번역을 지원할 언어를 선택합니다. All languages 는 전세계 모든 언어, Specific languages 는 번역을 지원할 언어를 본인이 직접 선택할 수 있습니다. Display mode 에서 번역기의 디자인을 선택합니다. Advanced 는 선..

어떤 홈페이지에 방문을 했을 때 댓글을 입력하려다가도 여러가지 적을 게 많아 포기한 경험이 한 두번은 있을 겁니다. 티스토리는 비로그인 방문자 댓글 작성시 이름/패스워드/홈페이지 등을 입력사항으로 제시하고 있습니다. 홈페이지는 꼭 작성을 안해도 되지만 방문자로 하여금 댓글 작성을 한 번 망설이게 하는 방해 요소로 작용합니다. 그래서 저는 홈페이지 입력칸을 아예 없애버렸는데요. 그 방법을 소개합니다. (Tistory Studio 스킨 기준) 1. 먼저 Ctrl + F 를 눌러 'homepage' 를 검색합니다. 2. '다음' 을 계속 눌러 style.css 의 homepage 를 찾을 때 까지 눌러줍니다. 빨간색 형광펜 부분 보이시죠? 기본은 width : ***px 로 적혀있을 겁니다. (스킨마다 차이가..

블로그 게시글에 유튜브 영상을 간단하게 추가하는 방법이 있습니다. 웬만한 분들은 다 알고계실거라 생각하지만 모르시는 분들을 위해서 포스팅합니다. 방법은 두 가지가 있습니다. 먼저 첫 번째 방법입니다. 티스토리 에디터 오른쪽 위에는 체크/해제 를 통해 HTML 태그 편집창으로 전환/해제 하는 기능이 있습니다. 그럼 영상을 추가하는 방법을 설명드리겠습니다. 유튜브에서 원하는 영상을 찾으셨다면 아래 사진과 같이 소스 코드를 복사하셔야 합니다. 복사하신 소스 코드를 HTML 편집 창에 붙여넣기만 하면 영상이 추가된다는 사실! 두 번째 방법은 관리자 화면에서 플러그인 사용 설정을 하시면 됩니다. 플러그인 설정화면은 다들 아실거라 생각합니다. YouTube 동영상 넣기를 사용하기 하시면 됩니다. 간단하죠? 이제 게..

사이드바가 굳이 오른쪽에 위치할 필요는 없습니다. 사이드바 위치는 블로거들의 자유죠. 사실 '오른쪽에 있어야 하는' 이란 제목으로 포스트를 작성한다는 것 자체가 굉장히 웃긴 일이죠 ㅋㅋ 제 생각을 한번 적어보려구요. 대부분의 파워블로그들을 보시면 사이드바가 오른쪽에 위치한 것을 보실 수가 있습니다. 이에 대한 예시는 따로 제시하지 않겠습니다. 직접 찾아보셔도 되는 문제기 때문에 ㅎ 왜 굳이 파워블로거들은 사이드바를 오른쪽에 위치시키는 걸까요? 1. 가독성 때문입니다. 블로그에 게시된 글을 읽을 때 왼쪽에서 오른쪽으로 읽지 중동지역처럼 오른쪽에서 왼쪽으로 읽지는 않을겁니다. 줄바꿈 시 왼쪽에 있는 사이드바는 거슬릴 수 밖에 없습니다. 2. 방문자들의 모니터 해상도 차이 때문입니다. 방문자들의 모니터 해상도..

블로그와 포토샵의 관계를 뭐다 하고 단정짓기가 참 어렵습니다. 하지만 제 생각은 블로그가 단순 기록행위 또는 취미생활이 아니라면 포토샵을 조금이나마 다룰 줄 아는 것이 블로그에 도움이 된다고 생각합니다. 물론 수많은 파워블로거 분들 중에는 포토샵의 '포' 자도 모르시는 분들도 많이 계십니다. '파워블로거도 아니고 고작 하루 방문자수 몇 백에 그치는 제가 감히 이따위 글을 싸지른다'고 말씀하시는는 분들도 몇 계시겠지만 저는 포토샵이 필수라고 말하지 않았습니다. 포토샵을 조금이나마 다룰 줄 알면 훨씬 더 이쁘고 보기 좋은 블로그를 만들 수 있다는 겁니다. 본 게시글 상단에 '블로그와 포토샵 그 관계는?' 이미지도 100% 포토샵으로 제작되었습니다. 게시글을 대표하는 이미지는 방문자들의 클릭에 상당한 영향을 ..