블로그스팟 글에 코드 블록 삽입하는 법

  📋 목차 블로그스팟에 코드 블록이 없다고? highlight.js 테마에 설치하기 글 작성할 때 코드 넣는 실전 방법 GitHub Gist로 더 간단하게 삽입하기 코드 블록 디자인 입맛대로 바꾸기 처음에 다 겪는 실수 모음 자주 묻는 질문 블로그스팟에서 개발 관련 글을 쓰려는데 코드 블록 기능이 없어서 당황했다면, highlight.js 라이브러리 하나면 깔끔한 신택스 하이라이팅까지 해결된다. 블로그스팟으로 기술 블로그를 운영하겠다고 마음먹고 첫 글을 쓰는데, 코드를 넣을 방법이 없어서 멘붕이 왔다. 티스토리는 버튼 하나로 코드 블록이 들어가잖아요. 근데 블로그스팟 에디터에는 그런 게 없더라고요. 코드를 그냥 텍스트로 붙여넣으면 들여쓰기가 다 깨지고, 줄바꿈도 엉망이 되고. 처음에는 스크린샷을 찍어서 이미지로 넣을까도 생각했는데, 그러면 복사도 안 되고 SEO에도 최악이라 포기했다. 이리저리 검색하면서 highlight.js라는 라이브러리를 발견했고, GitHub Gist를 활용하는 방법도 알게 됐다. 둘 다 써보니 상황에 따라 쓰임이 다르더라고요. 이 글에서 두 가지 방법 다 정리해놓을 테니까 본인 상황에 맞는 걸 골라 쓰면 된다. 블로그스팟에 코드 블록이 없다고? 블로그스팟(Blogger)은 구글에서 제공하는 무료 블로그 플랫폼인데, 글꼴 변경이나 자동 임시저장 같은 기능은 괜찮다. 문제는 개발자에게 필수인 코드 블록 삽입 기능을 기본으로 제공하지 않는다는 거다. 에디터에서 Courier 폰트를 적용할 수는 있거든요. 근데 이걸 코드 블록처럼 쓰면 각 줄이 별도 문단으로 처리되면서 줄 간격이 벌어진다. 보기 흉하다. HTML 보기로 전환해서 <pre> 태그로 감싸면 줄 간격은 해결되지만, 구문 강조(syntax highlighting)가 안 되니까 코드가 시각적으로 묻혀버린다. 그래서 필요한 게 외부 라이브러리다. 블로그스팟은 테마 HTML을 직접 편집할 수 있어서, 여기에 자바스크립...
댓글 쓰기

이용약관

이용약관

본 이용약관(이하 "약관")은 애드센스연구소(adlab1.blogspot.com, 이하 "본 블로그")가 제공하는 모든 콘텐츠 및 서비스의 이용 조건을 규정합니다. 본 블로그에 접속하거나 콘텐츠를 이용하는 것은 본 약관에 동의하는 것으로 간주됩니다.

시행일: 2026년 3월 31일  |  최종 수정일: 2026년 3월 31일

1. 서비스 개요

본 블로그는 구글 애드센스 승인, 블로그 수익화, 콘텐츠 운영 전략 등에 관한 정보를 제공하는 개인 운영 블로그입니다. 본 블로그에서 제공하는 모든 정보는 개인적인 경험과 공개된 자료를 바탕으로 작성된 것이며, 공식적인 자문이나 보증을 의미하지 않습니다.

본 블로그에 게시된 텍스트, 이미지, 그래픽, 로고 및 기타 콘텐츠는 블로그 운영자에게 저작권이 있으며, 저작권법에 의해 보호됩니다.

개인적인 학습이나 참고 목적으로 콘텐츠를 열람하는 것은 자유이나, 상업적 이용이나 무단 복제·배포·수정은 금지됩니다. 블로그 콘텐츠를 인용하는 경우, 출처(블로그명과 URL)를 명시하고 원문 링크를 포함해 주시기 바랍니다.

본 블로그에 사용된 제3자의 상표, 로고, 이미지 등은 해당 소유자의 자산이며, 정보 제공 목적으로만 사용되었습니다.

3. 정보의 정확성

본 블로그는 가능한 정확한 정보를 제공하기 위해 노력하지만, 모든 정보의 완전성, 정확성, 최신성을 보장하지 않습니다. 특히 구글 애드센스의 정책이나 승인 기준은 구글의 재량에 따라 수시로 변경될 수 있으므로, 최신 정보는 구글 애드센스 고객센터에서 직접 확인하시기 바랍니다.

본 블로그의 정보를 기반으로 한 의사결정에 대한 책임은 이용자 본인에게 있습니다.

4. 이용자 행동 규범

본 블로그를 이용하는 모든 방문자는 다음 행위를 해서는 안 됩니다.

타인의 명예를 훼손하거나 개인정보를 침해하는 댓글 작성, 허위 정보 유포, 스팸이나 광고 목적의 댓글 작성, 본 블로그의 정상적인 운영을 방해하는 행위, 자동화 도구를 이용한 대량 접근 또는 크롤링(검색 엔진 제외)은 금지됩니다.

위 행위가 발견될 경우 해당 댓글 삭제, 접근 제한 등의 조치를 취할 수 있습니다.

5. 광고 및 수익 활동

본 블로그는 Google AdSense 등의 광고 프로그램에 참여할 수 있으며, 이를 통해 광고 수익이 발생할 수 있습니다. 게시된 광고는 Google의 알고리즘에 의해 자동으로 배치되며, 블로그 운영자가 개별 광고 내용을 통제하지 않습니다.

또한, 특정 제품이나 서비스를 소개하는 포스팅에 제휴 링크(affiliate link)가 포함될 수 있으며, 이를 통해 구매가 이루어질 경우 소정의 수수료를 받을 수 있습니다. 제휴 링크가 포함된 글에는 해당 사실을 명시합니다.

6. 외부 링크

본 블로그에는 외부 웹사이트로의 링크가 포함될 수 있습니다. 이러한 외부 사이트는 본 블로그의 통제 범위 밖에 있으며, 외부 사이트의 콘텐츠, 개인정보 처리, 서비스 품질에 대해 본 블로그는 책임지지 않습니다. 외부 링크 이용 시 해당 사이트의 이용약관과 개인정보처리방침을 직접 확인하시기 바랍니다.

7. 책임 제한

본 블로그는 무료로 정보를 제공하는 개인 블로그이며, 콘텐츠 이용으로 인해 발생하는 직접적·간접적 손해에 대해 법적 책임을 지지 않습니다. 여기에는 수익 손실, 데이터 손실, 기회 손실 등이 포함되나 이에 한정되지 않습니다.

블로그 운영은 Google Blogger 플랫폼에 기반하며, 플랫폼의 기술적 문제나 서비스 중단에 대해서는 본 블로그의 책임 범위에 포함되지 않습니다.

8. 약관의 변경

본 약관은 필요에 따라 수시로 변경될 수 있으며, 변경된 약관은 본 페이지에 게시됨과 동시에 효력이 발생합니다. 이용자는 정기적으로 본 약관을 확인할 책임이 있으며, 변경 후에도 블로그를 계속 이용하는 경우 변경된 약관에 동의한 것으로 간주합니다.

9. 준거법 및 관할

본 약관은 대한민국 법률에 따라 해석되며, 본 블로그와 관련된 분쟁은 대한민국 법원을 관할 법원으로 합니다.

10. 문의

본 약관에 대한 문의사항은 아래 연락처로 문의해 주시기 바랍니다.

블로그명: 애드센스연구소
URL: https://adlab1.blogspot.com
이메일: suncature@gmail.com 

댓글

댓글 쓰기