구글 블로그를 운영하다 보면 글을 빠르게 수정하고 싶을 때가 많습니다. 매번 관리자 페이지를 찾아가야 하는 번거로움을 줄이기 위해, 간단한 HTML 코드 추가로 키보드 단축키를 설정하는 방법을 소개합니다. 이 방법을 적용하면 버튼 하나로 글을 바로 수정할 수 있어 관리가 훨씬 편리해집니다.

구글 블로그 블로거 HTML 편집으로 단축키 설정하기

구글 블로그 관리 페이지에 접속한 후,
테마 > HTML 편집 메뉴로 들어갑니다.
HTML 코드 영역에서 <head> 태그 바로 아래에 다음 스크립트 코드를 추가해야 합니다.

코드를 추가하기 전에 자신의 블로거 ID를 반드시 확인해야 합니다.

블로거 ID 확인 방법은 다음과 같습니다.

  • 브라우저에서 [구글 블로거 포스트 관리 페이지] (https://www.blogger.com/blog/posts/내 블로그 ID)로 접속합니다.
  • URL 주소창에 표시된 19자리 숫자가 바로 본인의 블로그 ID입니다.
  • 이 숫자를 아래 코드의 "이 자리에 ID 넣기" 부분에 그대로 입력하면 됩니다.

    HTML 코드 추가하기

    다음 코드를 복사하여 <head> 태그 아래에 삽입하세요. 

        <!-- D(포스트 편집), E(포스트 전체 목록) 단축키 설정-->
    <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;e&#39;) {
          window.location = &#39;https://www.blogger.com/blog/posts/여기에ID입력&#39;;
            }
        else if (pressedKey === &#39;d&#39;) {
          const postId = document.body.innerHTML.match(/\/feeds\/([A-Z0-9]+)\/comments\/default/i)[1];
          window.open(&#39;https://www.blogger.com/blog/post/edit/여기에ID입력/&#39; + postId);
            }
      }
    }
    document.onkeypress = getKey;
    </script>

    ※ 여기에ID입력 부분에는 본인이 확인한 19자리 블로거 ID를 정확하게 입력해야 정상 작동합니다.

    단축키 사용 방법

    위 코드를 적용하면 다음과 같이 단축키가 동작합니다.

    • 키보드 "E" key를 누르면 블로그 전체 포스트 목록으로 이동합니다.
    • 키보드 "D" key를 누르면 현재 보고 있는 포스트를 즉시 수정하는 페이지로 이동합니다.

      입력 창이나 댓글 입력 칸 등에 커서가 있을 때는 단축키가 작동하지 않으니, 일반 화면에서 키를 누르는 것이 중요합니다.

      리뷰를 마치며

      구글 블로그를 더욱 빠르고 편리하게 관리하고 싶다면, HTML 편집을 통해 단축키 기능을 추가하는 방법을 추천드립니다. 짧은 코드 한 줄로 관리 효율을 극대화할 수 있으며, 특히 다수의 포스트를 자주 수정해야 하는 블로거에게 큰 도움이 됩니다. 오늘 소개한 방법으로 구글 블로그 관리 시간을 절약하고, 콘텐츠 제작에 더 많은 시간을 투자해보세요!