티스토리 블로그 포스팅을 하다보면..
어떤 곳에는 잘되다가 어떤곳에서는 깨짐 현상이 발생해서 하이라이터를 적용 할 수 없는 곳이 있습니다. 결국에 원인은 1<10 바로 이놈!! '<' 이였습니다.

 

글쓰기 html 모드에서 <    ->(바꾸자)   &lt; 이렇게 바꾸면 에러는 사라질 것 입니다.

 

 

public static void main(String[] args) {

		for(int i=2; i<10 ; i++){

			for(int j=1 ; j<4; j++){

				System.out.println(i+" * "+j+"="+i*j);

			}

		}

	}

 

 

---------------------- HTML 모드에서 적용해야 합니다. -------------------------
  for(int i=2; i<10 ; i++){    =>   for(int i=2; i&lt;10 ; i++){
 for(int j=1 ; j<4; j++){     =>   for(int j=1 ; j&lt;4; j++){ 
------------------------------------------------------------------------------------

AND

 

다른 포털들은 블로그를 등록하고 글을 게시하고 시작하면 일정시간이 지나가면 검색이 가능하지만

역시 블로그 유입량의 대부분을 차지하는 네이버는 거만하게도(?) 외부블로그의 정보를 네이버에 등록전에는 검색에 노출이 되지 않습니다.

 

반드시 RSS를 등록을 해야만 되는걸로 알고 있습니다.


물론 다음블로그는 운영을 안해봐서 모르겠지만 티스토리 블로그는 RSS를 등록해야만 검색에서 노출이 됩니다.

 

그럼 네이버 블로그에 노출되기 위해서 티스토리 블로그를 등록 해보도록 할까요?

 

 

 

   티스토리 블로그를 네이버 검색에 등록하기

 

  

 

 


 

먼저, 네이버 고객센터 블로그 검색란으로 접속합니다.

 

네이버 고객센터는 네이버 메인 제일 하단에서 접속이 가능합니다.

찾아서 접속하기 불편하실수 있으니 바로 가기를 연결해 놓도록 하겠습니다.

 

▶네이버 블로그 검색 외부블로그 RSS등록 [바로가기]

 

 





블로그검색을 누르면 왼편에 [외부블로그 RSS등록] 버튼이 나타납니다.

이걸 누르시고 티스토리 블로그를 등록하면 됩니다.




 

외부블로그(티스토리) 검색 등록은 [문의하기]를 눌러서 접수를 합니다. 
 


 

 

 

블로그 주소에는 자신의 티스토리 블로그 주소를 적으면 됩니다.

 

문의 내용은 아래 예시와 같이 제목과 내용을 입력하면 됩니다.

 

 

이렇게 작성된 내용은 작성확인 버튼을 눌러서 확인을 합니다.





 

 

 

작성된 내용은 수정할 부분이 없는지 확인하는 창이 한번 더 나타납니다.

이상이 없으시면 보내기 버튼을 클릭합니다.

 


 

 

그럼 최종적으로 작성한 메일이 정상적으로 등록 되었다는 완료 메시지 창이 보여집니다.

티스토리 블로그 검색등록 내용에 대한 답변은 저는 아침에 문의를 했었는데 오후 늦게 답변을 받아볼수 있었습니다.

네이버를 통해서 유입되는 방문객이 얼마나 늘지는 미지수지만 왠지 벌써부터 많이 들어올꺼 같다는 느낌만으로도 괜시리 기분이 좋아지네요 ^ ^

 

 

 

기분좋아지는 하루!  따뜻한 주말! 

만끽하시길.. 바랄께요~

 

 

AND

 

소제목

 

1. 타이틀 작성용

 

 

포인트 내용 요약용

 

1. 제목

중요 한 내용 표시 어쩌구 저쩌구

일반 내용 쓰기

 

 

목록 작성용

 

  1. 목록 작성용
  2. 2
  3. 3

 

 

프로그램 소스 (SyntaxHighlighter)
 

       function test() {  
         alert("SyntaxHighlighter를 티스토리에 적용하세욥");
       }	

 

 

 

 

AND

프로그램이나 홈페이지관련 포스팅을 하다보면 소스코드를 이쁘게 포스팅을 해야겠다는 생각이 많이 듭니다.

이번에 저도 포스팅을 하면서 소스코드에대한 포스팅을 해볼까해서 찾아봤는데.. 좋은 방법이 있어서 소개합니다.

SyntaxHighlighter라는 곳에서 라이선스프리로 제공을 하고 있습니다. 이 SyntaxHighlighter를 이용하는 방법을 설명하도록 하겠습니다.

제가 티스토리를 운영하기 때문에 티스토리기준으로 설명을 하겠으나 다른 곳에서도 충분히 활용이 가능합니다.





개략적인 순서는 아래와 같습니다.

  1. SyntaxHighlighter에서 관련 소스 다운로드 및 압축풀기
  2. 티스토리 서버에 올리기
  3. 티스토리의 "HTML/CSS 편집"메뉴에 적용하기
  4. 글쓰기 시 소스코드 출력하기
  5. SyntaxHighlighter의 사용설명서




그럼 먼저 다운로드 받는것 부터 설명들어갑니다.

1. SyntaxHighlighter에서 관련 소스 다운로드 및 압축풀기


소스를 제공해 주는 사이트에 접속을 해서 다운로를 받습니다.

처음에 어디에서 다운을 받나 무지 찾았었는데 오른쪽에 보니 "download"라는 메뉴가 있더군요


다운로드 메뉴를 누르면 아래의 화면이 나옵니다. http://alexgorbatchev.com/SyntaxHighlighter/download



다운로드 후 압축을 해제하면 여러가지 파일과 폴더가 나오는데 그중에 "scripts"와 "styles"의 폴더가 가장 중요하며 그 안에 있는 파일들을 티스토리에 업로드를 해야 합니다.

 


2. 티스토리 서버에 올리기


이번엔 티스토리 서버에 올려야 합니다.

모든 파일을 올리면 좋지만 너무 많이 올리고 적용을 하면 트래픽이 많이걸려 사이트 로딩이 늦어질 수 있으니 꼭 필요한것만 선택해서 올리는것이 바람직할 것 같습니다.

먼저 scripts폴더를 보면..


빨간선택상자의 shCore.js는 꼭 올려야 하구요. 나머지 파일들 중에 파일명 끝에 있는 이름(노란색표시)을 보면 해당 프로그램 언어의 명칭이 나와 있습니다. 보시고 필요한 것만 골라서 서버에 올리시면 됩니다.


이번엔 styles폴더를 보면...


빨간표시의 파일은 기본으로 올려야 합니다. 그리고 나머지파일들은 테마 파일입니다. 맘에 드는것으로 하나만 선택하시면 됩니다.

보관해 놨다가 기분이 바뀔때마다 소스코드에서 테마를 바꾸셔도 되구요


티스토리의 업로드는 아래와 같이 "HTML/CSS 편집"메뉴에서 하시면 됩니다.

"HTML/CSS 편집"메뉴의 파일업로드에서 "추가"버튼을 누른 후 아까 선택해 두셨던 파일들을 올리면 됩니다.

올려진 파일은 모두 images폴더로 들어갑니다.



3. 티스토리의 "HTML/CSS 편집"메뉴에 적용하기


이제는 올려진 파일들을 skin.html과 style.css에 적용을 해야 합니다.

먼저 아래의 코드를 <HEAD> ........ </HEAD>사이에 복사해서 넣습니다.

만약 나오지 않는다면 경로를 상대경로(./image)에서 절대 경로로 바꾸면 나올 수도 있습니다.

예를 들면..

./images/shCore.js 를 http://cfs.tistory.com/custom/blog/8/80326/skin/images/shCore.js

이런식으로 바꾸어 보시면 됩니다


그리고 다음의 코드는.. 태그의 바로 위와 마지막에 적용을 하면 됩니다.

1
<pre class="brush: html"></pre>


4. 글쓰기 시 소스코드 출력하기


이제 기본 세팅은 완료되었습니다.

이제 티스토리의 글쓰기 시 소스코드가 나오게 표시하는 방법을 설명하도록 하겠습니다.


티스토리의 글쓰기 화면에서 1번 "HTML"를 선택해서 html입력모드로 전환합니다.

그리고 2번과 같이 소스를 입력하는데 입력하는 소스를 <pre>태그로 둘러싸고 class는 brush:프로그램명 을 쓰면 됩니다.


1
2
3
4
5
<pre class="brush: html">
       function test() { 
         alert("SyntaxHighlighter를 티스토리에 적용하세욥");
       }   
</pre>


출처: http://jos39.tistory.com/88

AND

티스토리 기능 중 요긴하게 쓰이는 기능이 있다면, 바로 서식 기능이 아닐까? 라는 생각을 해보게 됩니다. 지금은 플러그인을 통해 구글 애드센스 광고가 지원이 되지만 이전만 하더라도 포스팅 마다 광고를 삽입하는 노가다(?)를 해야 했었는데, 이때 서식 기능을 잘 활용했던 기억이 납니다.

 

서식 활용하기

 

티스토리 서식을 사용하기 위해서는 서식을 만들어야 합니다. 글쓰기 모드에서 우측 상단을 보면 4개의 항목 중 서식 항목을 체크 합니다.

 

 


 

임의로 티스토리 서식 1이라고 작성하여 서식에 활용될 문구를 만들어 보았습니다. 다시 말씀드리지만, 우측 항목이 서식에 체크 되어 있어야 합니다.

 

 


 

서식이 완료 되었다면, 저장을 통해 서식을 마무리 합니다.

 

 

 


 

글 목록을 통해 살펴보면, 분류가 서식으로 되어 있음을 확인 할 수 있고, 발행 등에 체크 해제가 되어 있음을 알 수 있습니다. 말 그대로 운영자에게만 노출 되는 글입니다.

 

 


 

서식을 만들었다면, 글쓰기 모드에서 우측 하단에 보이는 서식 항목을 클릭합니다.

 

 


 

기본적으로 서식이 있는데, 상단에 방금 만든 티스토리 서식 1이 있습니다. 해당 항목을 클릭 하면 미리 작성된 서식이 본문에 삽입이 됩니다.

 

 

출처: http://gothink.tistory.com/362#.UuZOHzuweHt

AND


블로그를 시작하면서 주제와 성격을 정하다 보면 카테고리 설정은 필수적은 설정일 것입니다.
또 스킨을 설정하다 보면 카테고리의 모양에도 신경이 쓰이고요.
스킨에 기본적으로 설정된 모양은 이상하게 자신의 스킨과 잘 맞지 않게 보이고 또 수정을 하려 티스토리 가이드를
찾아보아도 별다른 설명들이 안나옵니다.

그럼 그다음은 무엇을 할까요? 검색을 하겠죠. 저 같은 경우 검색을 하여도 딱 이거다 라는 결론을 내기기 힘들어 많은
시간을 소비하였네요. 그래서 전부는 아니지만 어느정도 효율적으로 사용할 수 있는  방법을 몇번에 걸쳐 설명하겠습니다.
일단 카테고리의 표현방법을 알아보기 전에 기본적으로 알아두면 이해하기 쉬운 내용을 설명하겠습니다.


 


위의 그림은 카테고리 설정 그림입니다. 카테고리는 리스트 구조입니다. 그래서 위에 그림 처럼 각각의 영역의 속성을
수정하면 박스 안의 내용이 모두 수정됩니다. 노란색은 녹색과 파란색을 포함 하고 녹색은 파란색을 포함 하고 있듯이
각 요소의 위치 등을 수정할때 그위의 요소의 위치도 같이 생각해야 합니다.

녹색영역의 위치만 수정하고 싶어도 파란색영역의 위치까지 같이 수정되므로 처음부터 잘 생각해야합니다.

각 영역을 CSS 코드로 보면
노랑 : #category ul { }
         #category ul li { }
녹색 : #category ul li ul { }
         #category ul li ul li { }
파랑 : #category ul li ul li ul { }
         #category ul li ul li ul li { }
입니다. 원하는 곳을 수정하고 싶을때 코드를 작성하시면 됩니다.


CSS 부분의 수정으로 아래 그림에 박스 부분의 스타일을 수정할 수 있습니다.


노랑 : 카테고리의 폴더 이미지를 포함하고 있는 셀의 스타일
          .ib { } 를 수정하여 스타일을 정함.
녹색 : 카테고리의 텍스트를 포함하고있는 셀의 스타일
          .branch3 { } 를 수정하여 스타일을 정함.
파랑 : 카테고리옆 갯수를 나타내는 숫자의 스타일
          .c_cnt { } 를 수정하여 스타일을 정함.


치환자를 이용하여 폴더 형식과 리스트 형식의 2가지 표현 방법이 있습니다.
이것은 html 부분을 수정하여 설정할 수 있습니다.

                                                          폴더 형식 (치환자 : [##_category_##])

                                                      리스트 형식 (치환자 : [##_category_list_##])


여기까지 카테고리 스타일을 설정할 때 어느곳을 수정해야 어느곳이 바뀌는가에 대해 알아 보았습니다.
일단 카테고리  스타일에 변화를 주고 싶다면 위에 표시된 곳을 CSS와 HTML에서 찾아보고 조금식 바꿔가며
변하는 모양을 보고 수정하시면 될 것입니다.
만약 위의 항목이 없다면 추가 하시어 수정하시면 원하는 결과를 얻을수 있을것 입니다.

내용 중 잘못된 부분을 알려주세요. 수정하겠습니다.


 

AND

현재 블로그 서비스를 하는 업체는 여러 업체가 있습니다.

네이버, 다음, 티스토리, 이글루스 등등 있지요.

 

아마 이 글을 보시는 대부분의 사람들은 네이버 블로그를 운영하고 계실꺼고요,

여러가지 이유로 인해서 티스토리 블로그를 운영하시려는 분들이시겠죠?

 

티스토리는 다음에서 만든 블로그입니다. 다음 블로그와는 조금 다르더군요.

 

특히나 웹페이지를 자유롭데 다를 수 있는 분께는 정말 최상의 블로그라고 할 수 있겠습니다.

또한 네이버 블로그의 경우엔 상업적인 블로그가 매우 많은 편인데요

 

티스토리는 네이버보다는 상업적 블로그가 적어서 개인이 하시기에는 최적이라고 생각이 듭니다.

 

 

티스토리는 다음 아이디가 있다고 해서 무조건 가입이 되는게 아니라

기존의 사용자가 매월 발행되는 초대장으로 새로운 신규 가입자를 초대하는 방식으로 가입이 이루어 집니다.

 

예전에 Gmail이 이런 초대장 방식을 쓰고 있었죠

2005년도 당시 Gmail이 한국에 처음 들어오면서 초대장 방식으로 사람들을 모았는데

 

다른 메일 서비스와는 다르게 8GB의 메일 용량을 제공해 주어서 많은 사람들이 사용을 원했었습니다.

 

아마도 티스토리 이런 이유 때문에 초대장 방식을 사용하여 가입을 유도하는것이 아닌가 생각이 듭니다.

 

가입방법은 매우 간단합니다.

 

티스토리 홈페이지에 접속하셔서 위에 보이는 아이디 입력창 바로 아래쪽에

"티스토리 초대신청!" 을 클릭 하시면 됩니다.



 

그러면 초대장을 나눠준다는 여러가지 포스팅이 보이게 되는데요

이중에 마음에 드시는 글을 골라서 포스팅내 설명에 따라서 하시면 초대자가 초대장을 보내주게 됩니다. 아래와 같이요


 

 

가입방법 간단하죠?

 

 

 

AND


티스토리를 블로그를 운영 하시면서 가끔 카테고리만 펼쳐 졌으면 하셨던 적 많이들 있으실거에요.
저 역시 카테고리만 펼치게 할 수 없나 고민 하다가 방법을 알게 되어 이렇게 포스팅 하게 되었습니다.
여러분에게 많은 도움이 되었으면 좋겠네요.

관리자 창으로 접속 해주세요.

꾸미기의 HTML/CSS 편집 클릭 하시고, Ctrl + F 를 누르신 후, skin.html 에서 ##_category_##  검색

 

##_category_##

( 이곳에 카테고리 펼침 자바스크립트 넣기 )


아래 자바 스크립트를 넣으세요




 


자바 스크립트를 넣고 미리보기를 통해서 확인.

 


펼쳐진 상태를 확인 하였으면 적용 하시면 카테고리 펼치기는 끝이 납니다.

간단한 포스팅이라 여러분에게 도움이 되었는지 모르겠네요.
오늘 하루 즐거운 하루되세요.

 

 

출처: http://coolpunch.tistory.com/137


 

 

AND

티스토리 블로그를 관리하다보니 이것저것 관리하는 방법들이 많은대..

예전에 했던 방법들이 생각이 나질않아 블로그에 포스팅을 해봅니다.

가끔 생각이 나질 않을때 한번씩 들여다 보는것도 나쁘지 않다 생각합니다.

뭐 저혼자만 알고 꼭꼭 숨기기에는 너무 이기적인 생각?? 이 아닐까 하여 여려분과 하나하나 공유

해보도록 하겠습니다.

일단 오늘은 티스토리 다음뷰에 자동 발행하기 방법에 대하여 소개해보도록 하겠습니다.

예전에는 일일히 하나하나 다음뷰의 소스를 포스팅마나 입력시켜주는 방법으로 관리해 주었지만

많이 편해진듯합니다.

 

티스토리다음뷰 자동발행하는 방법

 

 

1. 첫번째

관리자 메뉴에 들어가 왼쪽 사이드 메뉴중 글설정을 클릭하게 되면 위와 같은 화면이 보이게 됩니다.

여기 글쓰기환경에 빨간네모박스 안에 비공개, 보호, 공개, 발행중에 발행에 체크를 해줍니다. 

 

 

2.두번째

첫번째 설정이 끝나셨다면 두번째 플러그인 설정을 클릭하게 되면 위와 같이 플러그인 메뉴들이 주욱~~

나열됩니다.

3.세번째

밑부분쪽에 다음뷰라는 daum view라는 항목이 보일겁니다.

그곳을 클릭하면 오른쪽 설정에 들어가셔서..(화살표 보시면 설정 아이콘이 보이실겁니다.)

원하는 다음뷰타입 위젯을 선택하고 저장하시면 됩니다.

 

 

4. 네번째

마지막으로 왼쪽 메뉴에서 카테고리설정에 들어가시면 위와같은 화면이 출력됩니다.

화살표로 표시해두었는대 view채널설정을 사용으로 체크해주시고 카테고리 및 분류를 적절히

선택하고 각 분류별로 추가하시면 티스토리다음뷰 자동발행설정은 마무리 됩니다.

이제는 포스팅할때마다 자동으로 하단에 다음뷰 위젯이 들어가 있는것을 보게될겁니다.

저는 조금 지져분한 느낌이 들어 발행만 하며 위젯은 사용을 하고있지 않지만 나름 괞찬은 아이템인듯합니다.

장황하게 설명했지만 그리 어려운것이 없으니 한번씩 해보는것도 좋은 블로그관리 방법이 아닐까

생각이 드내여..

 

출처 : http://worldcontrol.tistory.com/140

AND

티스토리 블로그를 운영하다보면 스킨에 대한 욕심이 생깁니다. 다른 블로그 서비스를 이용해도 마찬가지이기는 하지만, 티스토리 같은 경우 HTML/CSS 편집이 자유로와 다양한 형태의 스킨을 만들 수 있기 때문입니다.

티스토리 스킨을 구하는 방법은 티스토리에서 제공하는 스킨을 이용하는 방법, 직접 만들어서 사용하는 방법, 과 누군가 만들어서 배포하는 스킨을 사용하는 방법이 있습니다. 이 중 배포하는 스킨을 등록하는 방법을 요약해보겠습니다.

관리자 모드의 [스킨]으로 간 다음 오른쪽 위의 [스킨등록]을 클릭합니다.

적당히 이름을 입력한 후 [추가] 버튼을 클릭해서 다운로드 받은 파일을 다 업로드합니다. 그리고 [저장]을 클릭합니다.

 

이제 보관함으로 가면 스킨이 등록된 걸 볼 수 있습니다. [적용]을 클릭하면 해당 스킨을 사용하게 됩니다.

 

 

AND