블로그·인터넷

댓글 창에서 BBCode 사용하기

컴퓨터매니아  2013/02/22 10:22

최근에 블로그의 댓글 창에 BBCode 설정을 마쳤습니다. 

이 HTML용 BBCode 소스 및 쉬운 입력 도구는 아래 블로그에 있는 것을 사용했습니다.



  
BLUEnLIVE's ZockrWorld :: 티스토리용 BBCode 3.5 업데이트 (http://zoc.kr/971)

   엔즐군의 다이어리 :: BBCode for Tistory 활용하기 (http://nzlediary.tistory.com/331)

   캐플 블로그 :: 사용 안내 - 블로그에 적용된 BBCode 사용하기 (http://cappleblog.co.kr/514


BBCode는 댓글에도 볼드, 이탤릭체 등을 사용하거나 이미지 등을 올릴 수 있게 도와줍니다.


종류

 출력 결과

볼드체를 적용한 모습입니다.

밑줄을 적용한 모습입니다.


이탤릭체를 적용한 모습입니다.

취소선을 적용한 모습입니다.

빨간색 색상을 적용한 모습입니다.

파란색 색상을 적용한 모습입니다.

사용자 정의 색상을 적용한 모습입니다. (하단 참고)

빨간색, 볼드체를 적용한 모습입니다.

파란색, 볼드체를 적용한 모습입니다.


빨간색 밑줄을 적용한 모습입니다.

파란색 밑줄을 적용한 모습입니다.

왼쪽 정렬을 적용한 모습입니다.

가운데 정렬을 적용한 모습입니다.

오른쪽 정렬을 적용한 모습입니다.

프로그래밍 코드를 적용한 모습입니다.

인용문을 적용한 모습입니다.

 



(하단 참고)

사진을 올리는 웹 사이트 링크입니다.

BBCode 사용법(이 글)로 리디렉션되는 링크입니다.


추가로 설명드릴 것이 있습니다.
 

1. 사용자 정의 색상

적용하고자 하는 글자를 선택하고 이 버튼을 클릭하면 [color=코드]적용하고자 하는 글자[/color] 와 같이 나타납니다. 이 '코드' 라고 써 있는 부분에는 다음과 같이 두 가지를 적용하실 수 있습니다.


(1) 색상의 영어 표기

     빨간색이면 'red'

     노란색이면 'yellow'

     분홍색이면 'magenta' 등


(2) HTML 컬러 코드

     아래 사이트에서 컬러 코드를 얻어와 사용하실 수 있습니다.

     http://html-color-codes.info/korean/


2. 사진 

가장 오른쪽의 링크를 눌러서 사진을 업로드 하신 뒤에 아래와 같이 'Direct Link (Email & IM)' 이라고 되어있는 부분을 복사합니다.




그런 다음 링크를 댓글창에 복사하여 드래그한 뒤 사진 버튼을 눌러줍니다.

이 BBCode는 질문을 할 때나 분위기를 띄워줄 때도 많이 사용하실 수 있습니다. 사진을 직접 업로드하여 링크만 걸어주면 되기 때문입니다.

공유하기 링크
 댓글

             
1 ... 69 70 71 72 73 74 75 76 77 ... 82