Oh! My Library

티스토리 블로그 운영을 시작하면서 필수적으로 해야할 일이

다른 사이트에서도 글(포스트)이 검색될 수 있도록 블로그를 등록하는 것입니다.

우리나라에서 80% 이상의 검색율을 차지하고 있는 네이버

(네이버에 등록하는 방법은 아래의 포스트를 참고해 주시기 바랍니다.)

네이버에 티스토리 블로그 등록하는 방법 (네이버 웹마스터도구 사용)

네이버에 티스토리 블로그를 등록하기 위해 2회 시도 -> 모두 거절을 당하고 (답변이 빠른건 매우 좋았습니다.)

늦은 저녁 3번째 도전을 위해서 네이버 고객센터(https://help.naver.com)에 들어갔는데

당황스럽게도 몇 시간 사이에 등록 방법이 변경되어 있었습니다.

무려 조회수 375 에 제가 포함되어 있었던 것입니다.

기뻐해야 할지 슬퍼해야 할지 모르겠지만 23일부터는 웹마스터도구 서비스를 사용하라는 문구에 링크를 클릭했습니다.

http://webmastertool.naver.com/

가장 먼저 눈에 들어오는 건 BETA 라는 문구입니다.

하단에 적혀있는 "수집부터 노출까지 / 더 잘 노출되도록 / 신디케이션 연동" 이라는 긴 설명보다

왜 BETA 가 더 눈에 잘 들어 왔을까요?

앞으로 더욱 발전해서 더 좋은 서비스를 제공하겠다는 의미이겠죠!

상단 우측에 보이는 로그인 버튼을 클릭하여 네이버 로그인을 수행합니다.

(네이버에 등록하기 위해서는 네이버 계정이 필요합니다.)

블로그를 연동하기 위해서 사이트 추가 버튼을 클릭합니다.

http:// 옆의 빈 공간에 자신의 블로그 주소를 입력합니다. ( maze1008.tistory.com 를 입력했습니다.)

확인 버튼을 클릭합니다.

앞에서 입력한 블로그가 제 블로그가 맞는지 소유 확인 작업이 필요합니다.

[메타태그] 옆에 표기된 파란색 글자를 모두 드래그하여 복사합니다. ( <meta name .... /> ) 

확인 버튼을 누르지 마시고, 다른 인터넷창을 켜서 자신의 티스토리 블로그로 이동합니다.

티스토리 블로그 > 관리자 메뉴 > 좌측 사이드 > 꾸미기 > HTML/CSS 편집을 클릭합니다.

입력이 완료되면 저장 버튼을 클릭하고

네이버 웹마스터도구 에서도 역시 확인 버튼을 클릭합니다. 

사이트 등록은 완료되었습니다.

네이버 웹마스터도구 에서는 최대 10개까지의 사이트를 지원한다고 하니

멀티 블로그를 운영하시는 분들에게는 더욱 유용할 것 같습니다. 

리스트에 나타난 블로그 주소를 클릭합니다.

선택한 블로그에 대한 다양한 정보를 확인할 수 있습니다.

네이버에 제 티스토리 블로그 글들을 수집하기 위해서 수집 요청 탭을 선택합니다.

(제 블로그의 글들이 이미 네이버에 등록되어 있다면 수집현황에 정보가 보여지겠죠?)

RSS 등록에 블로그의 RSS 정보를 입력한 후 확인 버튼을 클릭합니다.

( http://maze1008.tistory.com/rss 를 입력했습니다. )

아직 자신의 RSS 를 확인해 보지 않으셨다면

확인 버튼을 누르시기 전에 아래 포스트를 참고해 주시기 바랍니다.

티스토리 블로그 RSS FEED 확인

 구글에 티스토리 블로그 등록하는 방법

요새는 가입 후 2년간 방치했던 블로그를 열심히 해보려고 노력 중입니다.

하지만 착실한 포스트에도 도무지 늘지 않는 방문자수!

관리자 메뉴에서 유입 경로를 확인해 보았더니 모두 다음 검색을 통해서만 오신 분들 뿐이었습니다.

우리나라에서 가장 많은 검색을 담당한다는 네이버를 통해서도

해외까지 포함하면 최고의 검색 사이트라는 구글을 통해서도

제 블로그를 찾아주신 분들이 하나도 없다니...

그러던 중에 네이버에서 검색이 되기 위해서는 블로그 검색 등록을 요청해야 한다는 사실을 알게 되었지요.

열심히 정보를 입력하고 next 버튼을 눌러서 네이버 고객센터로 전송했지만

다음날 받은 메일에는

"고객님께서 요청하신 블로그 피드에는 등록된 게시물이 없어 검색 반영이 어렵습니다."

제 블로그에는 무려 30여개의 글이 작성되어 있는데 왜 글이 없다는 걸까요?

뭐야? 뭐야! 를 외치며 링크를 클릭해 보았습니다.

http://maze1008.tistory.com/rss

진짜? 진짜! 글이 하나도 없었습니다.

네이버 고객센터에서는 진실만을 말한 것이었어요.

RSS FEED 에 게시물을 등록하기 위해서는 다음과 같은 작업이 필요합니다.

1. 관리자 메뉴로 들어갑니다.

2.  좌측 사이드 > 글 관리 > 글 설정을 클릭합니다.

공개 정책의 하위메뉴로 RSS 가 있는 것을 볼 수 있습니다.

공개글, 전체 공개를 선택

공개 갯수는 최대치인 30 ~ 50개 사이를 설정해 주시면 됩니다.

확인 버튼을 클릭합니다.

블로그 홈으로 돌아오셔서, 좌측 하단에 위치한  RSS FEED 버튼을 클릭합니다.

블로그에 위치한 모든 글들이 RSS 에서도 검색되는 것을 확인 할 수 있습니다.

(실제로 리스트에는 공개 갯수로 설정한 만큼의 글만 보여집니다.)

다시 네이버 고객센터에 블로그 검색 등록을 요청해 보아야 겠습니다. 도전!! 

네이버에 티스토리 블로그 등록하는 방법 (네이버 웹마스터도구 사용)

티스토리에 가입한 지 어느새 2년이 흘렀습니다.

처음 가입하고자 했을 때는 초대장이 필요하다는 것이 매우 생소했었죠.

자주 사용하는 다음, 네이버, 구글 등 어느 곳에서도 (물론 대부분이 검색 or 카페) 가입을 위해서 초대장을 요구 하지는 않았으니까요!

초대장을 받기 위해 주변 지인들 중에서 블로그를 운영하는 사람을 찾아보았지만

불행히도 제 주변에는 블로그를 운영하는 사람이 없었습니다.

그래서 티스토리 홈페이지를 방문한 후 초대장을 나누어 주시는 분들께

블로그를 개설하고 싶은 이유를 댓글과 메일로 열심히 어필했습니다.

다행히 마음씨 좋은신 분 덕분에 티스토리 가입에 성공할 수 있었습니다.

제 주변에서도 일 년에 몇 번씩 티스토리 초대장을 찾고 있는 사람들을 보게 됩니다.

하지만 제가 이런저런 이유로 블로그를 열심히 운영하지 못해서

저에게는 배포할 수 있는 초대장이 없어 안타깝게도 도움을 드리지 못했었습니다.

그런 지인분들께 미안한 마음에 열심히 찾다보니 다른 길이 보였습니다.

바로바로 티스토리 앱 입니다.

티스토리를 스마트폰에서도 사용 할 수 있도록 안드로이드 / 아이폰 앱이 개발되었습니다.

티스토리 앱을 다운받아 앱에서 회원가입을 하면 자동으로 초대장을 1개 제공해 주기 때문에

바로 블로그 개설이 가능합니다.

더 자세한 내용은 아래 링크를 참고해 주시기 바랍니다.

안드로이드 :  http://notice.tistory.com/2189

아이폰 : http://notice.tistory.com/2194

혹시라도 예전의 저처럼 초대장을 찾아 헤매고 계시다면 아주 유용하겠죠.

이제 여러분의 티스토리 블로그를 시작해 보세요!!

블로그에 소스코드를 올리는 두 번째 방법을 소개합니다.

이번에는 SyntaxHighlighter 를 다운받아서 HTML/CSS 를 수정하는 방법을 이용해 보도록 하겠습니다.

1. 아래의 링크를 통해서 SyntaxHighlighter 페이지를 방문해서 다운로드 받습니다.

(현재 최신 버전은 3.0.83 입니다.)
http://alexgorbatchev.com/SyntaxHighlighter/download/

Click here to download 를 클릭합니다.

 저장 버튼을 클릭해서 원하는 위치에 파일을 다운로드 받습니다.

2. 다운로드 받은 zip 파일의 압축을 풉니다.

여러가지 폴더가 보여지는데요.

이중에서 사용할 폴더는 scripts 와 styles 입니다.

scripts 는 지원할 언어에 대한 파일들을, styles 은 적용할 스타일 정보에 대한 파일들을 포함하고 있습니다.

필수 파일(3가지) 를 포함해서 사용할 언어를 위해서 필요한 js 파일을 위의 화면을 참고하여 scripts 폴더에서 확인합니다.

3.  관리자 메뉴로 들어갑니다.

좌측 사이드 > 꾸미기 > HTML/CSS 편집을 클릭합니다.

파일업로드 탭에서 추가 버튼을 클릭하여

(압축을 푼 폴더에서) 위에서 선택했던 파일들을 모두 업로드 합니다.

4.  HTML/CSS 탭에서 skin.html 파일을 수정합니다.

Ctrl + F 를 눌러서 skin.html 영역에서 </head> 를 검색하여

</head>  위의 부분에 다음과 같이 입력합니다.

Ctrl + F 를 눌러서 skin.html 영역에서 </body> 를 검색하여

</body>  위의 부분에 다음과 같이 입력합니다.

(압축을 푼 폴더에서) 위에서 선택했던 파일들을 모두 입력합니다.

소스코드.txt

(포스트는 복사가 금지되어 있으므로, 소스코드를 다운받아서 사용해주세요)

5. 글쓰기 에디터에서 좌측에 HTML 항목을 체크한 후에, 본문에서 다음과 같이 사용합니다.

(아래의 java 는 원하는 언어로 변경하시면 됩니다.)

6. 이제 작성된 글에서 스타일이 적용된 형태의 소스코드를 확인하실 수 있습니다.

복잡한 듯 보이지만  1 ~ 4번은 한번만 수행해 주시면 되는 작업입니다.

지난번에 포스팅한 color scripter 와 함께 유용하게 사용하시길 바랍니다.

블로그에 소스코드 올리기 - Color Scripter

블로그에 소스코드를 올릴 때, 

평소 프로그래밍 하던 것처럼 가독성이 좋은 형태로 보여 드리고 싶을 때가 많았습니다.

그래서 오늘은 웹에서 간편하게 사용할 수 있는 Color Scripter 를 소개해 드리려고 합니다.

아래의 링크를 통해서 Color Scripter 페이지를 방문합니다.

http://prev.kr/apps/ColorScripter

Color Scripter 는 웹 버전과 PC 버전의 2가지 형태로 제공됩니다.

PC 버전을 클릭해 보면 다운로드해서 사용할 수 있도록 지원되고 있는데요.

PC 버전에서 더 안정적이고 빠른 기능을 이용할 수 있다고 합니다.

저는 웹 버전에 충분히 만족하고 있어서 다운로드 과정은 생략하겠습니다.

다시 메인 화면으로 돌아오면 4가지 형태의 설정 기능이 존재합니다.

언어 버튼을 클릭해서 사용할 언어를 선택합니다. (저는 Java 를 선택했습니다.)

스타일패키지 버튼을 클릭하면 선택한 언어에 적합한 스타일들이(일종의 테마라고 할까요?) 보여집니다.

원하는 테마를 선택합니다. (저는 핑크 레몬에이드를 선택했습니다.) 

두 가지 기본 설정만으로도 충분히 사용가능하지만

세부설정 버튼을 클릭하면 글꼴, 공백/가로/세로 크기 등에 대한 부가적인 설정도 변경할 수 있습니다.

이제 소스코드를 입력해 보겠습니다.

역시 처음은 "Hello world!" 가  가장 적합하겠죠?

소스코드가 스타일패키지에서 선택한 형태대로 적용되어 나타나고 있습니다.

우측 아래에 위치한 클립보드에 복사 버튼을 클릭합니다.

복사한 소스코드를 블로그 포스트에 추가하기 위해서 붙여넣기를 수행합니다.

이제 눈에 쏙쏙 들어오는 소스코드가 완성되었습니다!

Color Scripter 를 다시 방문하면 설정 상태가(글꼴, 색상 등 변경한 내용) 초기화 되니 이점 주의해 주세요.

소스코드를 올리는 또 다른 방법입니다. 

블로그에 소스코드 올리기 - SyntaxHighlighter

몇 시간씩 열심히 공들여 작성한 포스팅을

다른 사람이 허락도 없이 도용한다면 화가 나겠죠?

그래서 마우스 드래그 또는 우클릭(복사)을 금지하는 방법을 소개해 드리려고 합니다.

1. 관리자 메뉴로 들어갑니다.

2.  좌측 사이드 > 플러그인 > 플러그인 설정을 클릭합니다.

3.  탭 메뉴 : 스팸, 불펌방지를 클릭합니다.

하위 리스트에 마우스 오른쪽 클릭 방지 > 확인 버튼을 클릭합니다.

4.  리스트의 좌측에 체크 표시가 되어 있는 것을 확인 할 수 있습니다.

1. 관리자 메뉴로 들어갑니다.

2.  좌측 사이드 > 꾸미기 > HTML/CSS 편집을 클릭합니다.

3.  Ctrl + F 를 눌러서 skin.html 영역에서 </head> 를 검색합니다.

4. </head>  위의 부분에 다음과 같이 입력합니다.

5.  Ctrl + F 를 눌러서 skin.html 영역에서 <body> 를 검색합니다.

6. <body> 를 다음과 같이 수정합니다.

소스코드.txt

(포스트는 복사가 금지되어 있으므로, 소스코드를 다운받아서 사용해주세요)

7. 저장 버튼을 클릭합니다.

이렇게 설정해 놓으면 블로그 주인 말고는 마우스 드래그 또는 우클릭을 할 수 없습니다.

(HTML/CSS 를 수정하시면 블로그 주인의 마우스 드래그 또는 우클릭도 금지되니 참고하시기 바랍니다.)

티스토리의 좌측 or 우측 사이드에 위치하고 있는 카테고리

어떤 포스팅을 할지 이리저리 생각하고 만들었는데

하위 카테고리를 보고 싶으면 일일이 손으로 클릭해야 해서 불편합니다.

매번 블로그를 볼때마다 클릭을 해야 한다면 불편함은 몇 만배쯤 증가 할것 같습니다.

 제가 원하는 건 아래처럼 자동으로 펼쳐져 있는 카테고리 입니다.

 그럼 이제부터 수정하는 방법을 설명해 드리도록 하겠습니다.

1. 관리자 메뉴로 들어갑니다.

2.  좌측 사이드 > 꾸미기 > HTML/CSS 편집을 클릭합니다.

3.  Ctrl + F 를 눌러서 skin.html 영역에서 ##_category_## 를 검색합니다.

4. ##_category_##  아래 부분에 다음과 같이 입력합니다.

소스코드.txt

(포스트는 복사가 금지되어 있으므로, 소스코드를 다운받아서 사용해주세요)

5. 저장 버튼을 클릭합니다.

이제 블로그 메인 화면으로 돌아가시면 펼쳐진 카테고리를 확인하실 수 있습니다.