구글 블로그스팟(블로거) 글 수정 단축키 1초 만에 세팅하는 비법

노트북 화면에 구글 블로거 HTML 코드와 단축키 설정 화면이 띄워진 모습

안녕하세요, 에디터 쿼리즘입니다. 세상의 모든 이슈를 데이터로 쪼개다.

블로그 글 쓰다 보면 오타 하나 고치려고 관리자 페이지 들락날락, 진짜 귀찮잖아요? 지난 5월 폴란드 바르샤바의 한 카페에서 글을 쓰는데 클릭질만 하다 30분이 훌쩍 날아갔거든요. 그래서 찾아냈습니다.

💡 결론부터 말씀드리면: 구글 블로거 HTML <head> 영역에 스크립트 코드 하나만 추가하면 'M' 키로 즉시 글 수정이 가능합니다.
📌 3줄 요약
  • 블로그 ID: 주소창에 뜨는 19자리 숫자가 필수 준비물입니다.
  • HTML 편집: 테마 설정에서 <head> 밑에 코드를 딱 1번만 붙여넣으세요.
  • 단축키 마법: 포스트에서 'Q'는 목록으로, 'M'은 수정 화면으로 순간이동합니다.

블로거 글 수정, 클릭 지옥에서 탈출하기

📖 구글 블로거(Blogger)구글 블로거는 구글이 2003년 인수하여 서비스 중인 무료 가입형 블로그 플랫폼으로 전 세계 수백만 명이 이용하는 웹 기반 퍼블리싱 시스템입니다.

솔직히 말씀드리면 구글 블로그는 기본 세팅만 쓰면 마치 조립 안 된 IKEA 가구를 보는 기분이에요. 설명서가 없으면 막막하거든요. 글 하나 고치려면 '메뉴 > 글 > 해당 포스트 찾기 > 수정'까지 무려 4번을 클릭해야 하죠? 체감상 약 70% 정도는 이 과정에서 피로감을 느낀다고 합니다.

"한마디로, 단축키 세팅은 블로거의 버려진 시간을 하루 20분씩 찾아주는 가장 확실한 투자입니다."
수정 방식 소요 시간 클릭 횟수 비고
기본 관리자 접속 평균 15~1분 최소 4회 포스트 찾다 지침 🤯
단축키(M) 적용 단 1초 이내 0회 키보드 하나로 해결 ✨

1단계: 내 블로그 ID 19자리부터 찾기

📖 블로그 ID블로그 ID는 블로거 시스템이 각각의 블로그를 식별하기 위해 부여하는 19자리 숫자로 된 고유 코드입니다.

이거 진짜 많이들 헷갈려하시더라고요. 생각보다 엄청 간단합니다.

  1. 우선 구글 블로그 관리자 페이지에 접속하세요.
  2. 상단 인터넷 주소창을 딱 보세요.
  3. https://www.blogger.com/blog/posts/xxxxxxxxxxxxxxxx 뒤에 붙어 있는 숫자가 보일 겁니다.

이 19자리 숫자가 바로 여러분의 마스터키예요. 2026년 기준 화면 레이아웃 상 가장 눈에 띄는 주소창에 딱 박혀 있거든요. 저도 처음엔 못 찾아서 한참 헤맸는데 알고 나니 허무하더라고요. 단 10분 만에 세팅을 끝내려면 이건 무조건 챙겨야 합니다.

✔️ 핵심 팁
19자리 ID는 메모장에 미리 복사해두세요. 코드 수정할 때 중간에 끊기면 에러 나기 십상입니다. 복사는 미리 코드를 완성하기 위함인데, 템플릿 수정 시에도 주소창에 아이디가 있기 때문에, 나중에 하셔도 됩니다. 

2단계: 마법의 단축키 HTML 코드 붙여넣기

📖 HTML 편집기(HTML Editor)HTML 편집기는 블로그의 뼈대인 테마 코드를 직접 수정해 기능을 추가하거나 디자인을 변경할 수 있는 내장 개발자 도구입니다.

이제 본격적인 수술에 들어갑니다. 쫄지 마세요! 경로는 '관리 페이지 > 테마 > HTML 편집' 순서입니다. 들어가서 키보드에서 Ctrl + F를 누르고 <head>를 찾으세요.

이건 마치 라면에 계란 푸는 타이밍 같은 거예요. 위치가 빗나가면 스크립트가 꼬여버립니다. 정확히 <head> 항목 바로 밑에 아래 코드를 복사해서 넣으시면 됩니다.

<script type='text/javascript'>
function getKey(event) {
  if ((event.srcElement.tagName !== &#39;INPUT&#39;) &amp;&amp; (event.srcElement.tagName !== &#39;TEXTAREA&#39;)) {
    const keyStroke = event.which || event.keyCode;
    const pressedKey = String.fromCharCode(keyStroke).toLowerCase();
    
    if (pressedKey === &#39;q&#39;) {
      window.location = &#39;https://www.blogger.com/blog/posts/내블로그ID입력&#39;;
    } 
    else if (pressedKey === &#39;m&#39;) {
      let postId = &#39;&#39;;
      
      const commentSrc = document.getElementById(&#39;comment-editor-src&#39;);
      if (commentSrc &amp;&amp; commentSrc.href) {
        const urlParts = commentSrc.href.split(&#39;?&#39;);
        if (urlParts.length &gt; 1) {
          const urlParams = new URLSearchParams(urlParts[1]);
          postId = urlParams.get(&#39;po&#39;);
        }
      }
      
      if (postId) {
        window.location = &#39;https://www.blogger.com/blog/post/edit/내블로그ID입력/&#39; + postId;
      } else {
        console.error(&quot;포스트 ID를 찾을 수 없습니다.&quot;);
      }
    }
  }
}
document.onkeypress = getKey;
</script> 

여기서 '내블로그ID입력' 부분 2곳에 아까 복사해둔 숫자를 붙여넣기만 하면 끝! 아주 쉽죠?

✔️ 핵심 팁코드 내의 작은따옴표(')나 슬래시(/)가 지워지지 않도록 붙여넣기할 때 경계를 잘 확인하세요.

세팅 후 즉시 체감되는 압도적 속도

📖 입력 필드(Input Field)입력 필드는 웹사이트의 검색창이나 댓글창처럼 사용자가 직접 텍스트를 타이핑할 수 있도록 설계된 HTML 구역입니다.

저장 버튼 누르셨죠? 이제 내 블로그 화면으로 돌아가서 아무 글이나 하나 띄워보세요. 그리고 키보드에서 알파벳 'M' (Modify - 수정)을 톡 눌러보세요.

거짓말 안 보태고 단 1초 만에 바로 그 글의 수정 화면으로 순간 이동합니다! 진짜 신세계더라고요. 만약 글 목록 전체를 보고 싶다면 'Q' (Query - 조회)를 누르면 됩니다. 참, 검색창이나 댓글창에 글씨를 쓸 때는 오작동하지 않게끔 코드 상단에 방어막(INPUT, TEXTAREA 예외 처리)을 다 쳐뒀으니 안심하세요.

"올해(2026년) 들어 구글 플랫폼 로딩 속도에 예민해지신 분들이 많은데, 이 설정 하나로 체감 답답함이 확 사라집니다."

자주 묻는 질문 (FAQ)

Q. 블로거(Blogger) 단축키 스크립트란 무엇인가요?A. 블로거 단축키 스크립트는 자바스크립트를 이용해 특정 키보드 입력 시 사전에 지정된 관리자 페이지 URL로 자동 리다이렉트 시켜주는 맞춤형 자동화 코드입니다. 글 수정 속도를 비약적으로 높여줍니다.
Q. DOM 요소 충돌이란 무엇인가요?A. DOM(Document Object Model) 요소 충돌은 웹 페이지 내의 텍스트 입력창에서 타자를 칠 때 단축키가 오작동하는 현상을 말합니다. 본문에 삽입된 스크립트는 이를 방지하는 예외 처리가 포함되어 있습니다.
Q. 코드를 넣었는데 M키를 눌러도 반응이 없습니다.A. 19자리 블로그 ID를 잘못 입력했거나, 스킨의 클래스명(post-wrapper)이 다를 확률이 가장 높습니다. 브라우저에서 F12를 눌러 본문 영역의 태그 클래스 구조를 다시 한번 점검해 보세요.
Q. Q나 M 말고 다른 단축키로 변경해도 되나요?A. 네, 충분히 가능합니다. HTML 코드 중간에 있는 'q'나 'm'을 본인이 원하는 알파벳 소문자로 변경하시면 됩니다. 단, 기본 브라우저 단축키와 겹치지 않는 문자를 고르세요.

자, 어떠신가요? 길어야 5분 남짓한 투자로 앞으로 블로그를 운영하는 수백 시간이 쾌적해집니다. 워드프레스나 티스토리에 뒤지지 않는 나만의 작업 환경을 만들어보세요. 한번 직접 세팅해 보시고 막히는 부분은 언제든 댓글 남겨주세요! 😁


[내도메인.한국] 구글 블로그 무료 도메인 연결 및 무료 도메인 사용 방법
[내도메인.한국] 구글 블로그 무료 도메인 연결 및 무료 도메인 사용 방법

구글 블로그(Blogger)에 내도메인.한국 무료 도메인을 완벽하게 연결하는 방법을 에디터 쿼리즘이 데이터로 쪼개드립니다. DNS 설정부터 HTTPS 리디렉션까지 한 번에 해결하세요!

guideitkr.blogspot.com https://guideitkr.blogspot.com/2026/05/blog-post_18.html
2026년 코딩 몰라도 1초 컷! 피노키오(Pinokio) AI 브라우저 설치방법 총정리
2026년 코딩 몰라도 1초 컷! 피노키오(Pinokio) AI 브라우저 설치방법 총정리

파이썬이나 깃허브를 몰라도 괜찮아요. 클릭 한 번으로 내 PC에 로컬 AI를 설치해 주는 피노키오(Pinokio) 다운로드부터 사용법, 오류 해결 꿀팁까지 15년 차 에디터가 전부 떠먹여 드립니다.

guideitkr.blogspot.com https://guideitkr.blogspot.com/2026/05/2026-1-pinokio-ai.html

[면책 조항] 본 포스팅에서 제공하는 HTML/JavaScript 코드는 일반적인 구글 블로거 테마를 기준으로 작성되었습니다. 사용 중인 커스텀 스킨이나 플랫폼의 향후 업데이트에 따라 작동 여부가 달라질 수 있으므로, 코드 수정 전 반드시 원본 테마의 백업을 권장합니다.

댓글 쓰기

다음 이전

POST ADS1

POST ADS 2