HTML 코드 Blogger(Blogspot)에 게시하기

참고 : http://dragonraja2010.blogspot.kr/2011/01/test.html

SyntaxHighlighter을 적용하는 방식이다.

이 방식은 HTML  코드를 블로거에 나타내는 좋은 방식이지만,
editor 창이나, 미리보기로 안보이는 단점과
html, head, body 태그는 표현 못한다.

그래서 나는 html, head, body는 표현하지 않고
따로따로 코드를 게시하는 것이 낫다고 생각하고,

editor 창이나, 미리보기로 안보이는 단점은
table을 사용해서 나타내고자 한다.

사용하는 table 양식 ....

사용하는 태그는 위와 같으나,
"글쓰기" 모드에서 표째 복사해서 붙혀넣기하고
"HTML" 모드에서 수정하면 됨..

먼저 "HTML" 모드에서 맨 처음 부분에 추가해야할 부분이다.

SyntaxHighlighter 설정 소스를 첨가

이것은 참조한 사이트와 정확히 일치한다.

그 다음으로 코드를 테이블 안에 코드를 첨부할 태그를 넣는다.

코드 첨부할때 사용할 태그 ...

예제는 아래와 같다.

예제 예제코드 안녕하세요. 푸른개미 블로그입니다.

결과 안녕하세요. 푸른개미 블로그입니다.

아래는 테이블을 복사해서 불힐 때 사용

제목을 입력하세요.