-
블로그에 소스 코드를 예쁘게 입력하는 방법IT따라잡기 2015. 10. 30. 11:30336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.블로그에 소스 코드를 예쁘게 입력하는 방법블로그 등에 예쁜 소스코드를 넣는 방법은 여러가지 방법이 있으나 소스코드를 예쁘게 만들어서 붙여넣기 하는 사이트가 많이 애용됩니다. 그래서 이 방법으로 따라해 보았습니다.먼저 결과를 보면 아래와 같이 소스코드가 예쁘게 출력됩니다.123456789@import url('http://fonts.googleapis.com/css?family=Raleway:700');body, h1, h2, h3, h4, h5, h6, p, {font-family: 'KoPub Dotum'; font-weight: 300;}p {text-align: justify;}
cs 사용방법을 살펴 보겠습니다.
1. http://colorscripter.com/ 에 접속합니다. 아래와 같은 화면을 만날 수 있습니다.
2. 내가 소스코드로 사용하고 있는 언어를 선택합니다. 저는 여기서 HTML을 선택했습니다.
3. 먼저 에디터에서 작성한 소스코드를 복사한 후 이 사이트에 붙여 넣기 합니다. 참고로 이 사이트는 후원으로 운영합니다. 따라서 회원가입 등과 같은 절차가 없습니다.
4. 붙여 넣기가 끝나면 화면 우측 하단에 클립보드에 복사 아이콘을 더블클릭 합니다.
5. 메모리에 복사가 되었음으로 이것을 필요한 블로그 등에 붙여 넣기 하면 됩니다.
아래는 블로그 글을 작성하는 화면에서 붙여 넣기 한 상태입니다. (HTML 모드에서 사용하는 것이 압니다. 그냥 글자를 입력하는 화면입니다.)
123456789@import url('http://fonts.googleapis.com/css?family=Raleway:700');body, h1, h2, h3, h4, h5, h6, p, {font-family: 'KoPub Dotum'; font-weight: 300;}p {text-align: justify;}cs 이제부터 여러분의 블로그를 예쁘게 꾸며 보시기 바랍니다.
'IT따라잡기' 카테고리의 다른 글
릴레이 A.B.C접점 알기 (0) 2015.12.06 휴대폰과 usb케이블로 영상장치를 연결하는 손쉬운 방법 (0) 2015.12.05 html5로 제작한 흥미로운 사이트 싱가폴 청소년 합창단 웹사이트 (0) 2015.10.16 CMS 도구 워드프레스, 드루팔, 줌라 어떤 것이 좋을까? (0) 2015.08.28 스마트 제어기기 특징 (0) 2015.04.17