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

블로그 관리 2015. 2. 25. 07:30

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

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

 

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

 

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

http://prev.kr/apps/ColorScripter

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

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

 

 

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

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

 

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

 

 

 

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

 

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

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

 

 

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

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

 

 

저작자표시 비영리 변경금지

'블로그 관리' 카테고리의 다른 글

티스토리 블로그 RSS FEED 확인  (0) 2015.02.28
티스토리 초대장 없이 가입하는 방법  (0) 2015.02.28
블로그에 소스코드 올리기 - SyntaxHighlighter  (0) 2015.02.25
마우스 드래그, 우클릭(복사) 금지하기  (6) 2015.02.24
티스토리 카테고리 펼치기  (0) 2015.02.24

Posted by maze1008
,

마우스 드래그, 우클릭(복사) 금지하기

블로그 관리 2015. 2. 24. 15:30

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

 

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

 

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

 

 

첫 번째 방법 : 플러그인 설정하기

 

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

 

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

 

 

 

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

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

 

 

 

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

 

 

 

 

두 번째 방법 : HTML/CSS 수정하기

 

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

 

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

 

 

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

 

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

 

<!-- 불펌방지 코드 시작 -->
<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
<!-- 불펌방지 코드 종료 -->

 

 

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

 

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

 

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

 

  

 

소스코드.txt

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

 

 

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

 

 

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

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

 

 

저작자표시 비영리 변경금지

'블로그 관리' 카테고리의 다른 글

티스토리 블로그 RSS FEED 확인  (0) 2015.02.28
티스토리 초대장 없이 가입하는 방법  (0) 2015.02.28
블로그에 소스코드 올리기 - SyntaxHighlighter  (0) 2015.02.25
블로그에 소스코드 올리기 - Color Scripter  (0) 2015.02.25
티스토리 카테고리 펼치기  (0) 2015.02.24

Posted by maze1008
,

티스토리 카테고리 펼치기

블로그 관리 2015. 2. 24. 01:14

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

 

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

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

 

티스토리 카테고리 펼치기 방법

 

 

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

 

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

 

 

 

 

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

 

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

 

<!-- 카테고리펼치기 -->
<script language="JavaScript">try{expandTree();}catch(e){}</script>

 

 

 

 

 

소스코드.txt

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

 

 

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

 

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

 

 

 

저작자표시 비영리 변경금지

'블로그 관리' 카테고리의 다른 글

티스토리 블로그 RSS FEED 확인  (0) 2015.02.28
티스토리 초대장 없이 가입하는 방법  (0) 2015.02.28
블로그에 소스코드 올리기 - SyntaxHighlighter  (0) 2015.02.25
블로그에 소스코드 올리기 - Color Scripter  (0) 2015.02.25
마우스 드래그, 우클릭(복사) 금지하기  (6) 2015.02.24

Posted by maze1008
,

티스토리툴바