본문 바로가기
블로그 Story/구글 블로거(blogspot)

구글 블로그스팟(blogspot)에 글을 바로 수정할 수 있는 '게시글' 수정 버튼 만들기

by 마숲 2024. 7. 19.
반응형

  구글에서 운영하는 블로그를 '블로거' 또는 '블로그스팟'이라고 부릅니다.

 

이번 내용은 인터페이스가 친절하지 않은 블로그스팟 블로그에 게시글을 수정할 수 있는 버튼을 만들어, 한 번 클릭으로 수정 페이지로 바로 진입하는 방법의 유익한 내용입니다.

 

🥕광고 차단 프로그램을 OFF 하여 주시면 좋은 콘텐츠를 제작하는 데 있어 많은 힘이 됩니다.

 

안녕하세요, 마녀의 숲속 블로그의 마숲입니다 ~ ^ ^

 

 

블로그스팟 게시글 수정 버튼 만들기

 티스토리 블로그의 경우 각 게시물마다 수정 버튼이 있어, 바로 해당 글을 수정할 수 있습니다.

 

 그런데, 구글의 블로그스팟은 불편하게도 블로그 자체에서는 그런 기능이 없으며, 블로그스팟 관리 페이지에 접속하여 '글' 메뉴로 진입한 다음에야 수정을 할 수 있습니다.

 

하지만, 조금 편법 스크립트를 활용하여 글 수정 버튼을 만들 수 있습니다.

 

반응형

 

구글 블로그스팟(blogspot)에 글을 바로 수정할 수 있는 '게시글' 수정 버튼 만들기

 

 

글 수정 바로가기 버튼 코드 넣기

1. 블로그스팟의 관리페이지에 접속합니다.

 

 

2. 메뉴에서 '레이아웃'을 클릭합니다.

 

 

3. 상단 메뉴바 역할을 하는 'MAIN MENU'에서 '링크 목록' 수정을 클릭합니다. 

 

구글 블로그스팟(blogspot)에 글을 바로 수정할 수 있는 '게시글' 수정 버튼 만들기

👉 블로거 테마마다 다를 수 있습니다. 블로그 상단 탭 메뉴 항목을 수정하는 것을 찾으면 됩니다. 

 

 

4. 링크 목록 구성 창이 나타나고, 우측 하단의 '새 항목 추가' 버튼을 클릭합니다.

 

구글 블로그스팟(blogspot)에 글을 바로 수정할 수 있는 '게시글' 수정 버튼 만들기

 

 

5. 링크 목록 구성 하단에 보면 새 항목을 추가할 수 있는 빈칸이 아래와 같이 생깁니다. 설명을 참고하여 사이트 이름사이트 URL 빈칸을 작성합니다.

 

구글 블로그스팟(blogspot)에 글을 바로 수정할 수 있는 '게시글' 수정 버튼 만들기

 

 

👉 사이트 이름: 원하는 이름으로 작성합니다. (예: _게시글 수정)

 

  • 언더바( _ )를 이름 앞에 넣으면 평상시엔 보이지 않다가 마우스 커서가 오면 메뉴가 열립니다.(본문 글의 첫 캡처 이미지 참고)
  • 언더바가 없으면 항상 사이트 이름이 노출됩니다. 즉, 예로  '게시글 수정' 글자가 계속 메뉴로 보입니다.

 

 

👉 사이트 URL: https://은 삭제한 후, 아래의 자바스크립트 코드를 복사하여 넣습니다.

 

javascript:window.open("https://www.blogger.com/blog/post/edit/"+document.body.innerHTML.match(/\/feeds\/([A-Z0-9]+)\/posts\/default/i)[1]+"/"+document.body.innerHTML.match(/\/feeds\/([A-Z0-9]+)\/comments\/default/i)[1]);

 

 

6. 방금 작성한 항목을 ↑을 눌러 최상단으로 올려준 다음 저장을 클릭하여 링크 '구성 목록 창'을 빠져나옵니다.

 

 

7. 우측 하단의 디스크 모양의 저장 버튼을 최종적으로 클릭하면 모든 과정이 마무리됩니다.

 

 

작성 글 수정 버튼 테스트 확인하기

 잘 되었는지 확인하여 보겠습니다. 

 

블로거마다 블로그 테마 디자인이 다르기 때문에, 본문 내용을 참고하여 적용하고 결과를 확인하면 됩니다.

 

마숲의 블로그스팟 메인 화면에 적용된 글 수정 버튼은 다음과 같습니다.

 

구글 블로그스팟(blogspot)에 글을 바로 수정할 수 있는 '게시글' 수정 버튼 만들기

 

 

 아까 전에 작성한 항목을 최상단으로 옮긴 이유가 바로 이것입니다. 두 번째에 작성 항목이 있었다면, 'HOME'이 아닌 '제품 리뷰' 탭에 '게시글 수정' 버튼이 들어가 있게 됩니다.

 

블로그 홈 화면이라 커서를 'HOME'으로 이동하면 새로 작성한 '게시글 수정' 버튼이 펼쳐져 보이기는 하나 클릭을 하여도 아무런 변화가 없습니다. 어떤 글을 수정할지 모르는 명령이라 무반응인 것입니다.

 

자, 이제 아무 글이나 클릭하여 들어간 후 테스트를 계속 이어갑시다.

 

'구글 블로그스팟(Blogspot) 통계 본인 자체 방문 페이지뷰 조회수 누적 포함 계산 안 되게 하는 방법'이라는 제목의 한 게시글을 클릭하였습니다.

 

구글 블로그스팟(blogspot)에 글을 바로 수정할 수 있는 '게시글' 수정 버튼 만들기

 

여기서 'HOME'에 커서를 가져다 댄 후, 나타나는 '게시글 수정' 버튼을 클릭합니다. 

 

그러면 아름다운 화면이 눈앞에 짠하고 펼쳐집니다.

 

 

구글 블로그스팟(blogspot)에 글을 바로 수정할 수 있는 '게시글' 수정 버튼 만들기

 

 

 많이 놀라셨죠?

 

이렇게 하면 블로그 보기 상태에서도 마음대로 글을 보고 편하게 수정을 할 수 있습니다. 

 

 마숲이 운영하는 블로그스팟 주소가 궁금하다는 분의 마음이 전해지는 듯하니, 크게 볼 건 없는 블로그이지만, 살짝 알려드리겠습니다. 무료 테마를 사용하고 있는데, 뭔가 마음에 들지 않아서 나중에 애드센스 광고 승인이 떨어지면 바꿀 생각입니다.

 

그래도 구경 한번 다녀오세요.

 

🟦 마숲의 블로그스팟 구경하기

 

Masup Story

내돈내산, 저렴한 제품 위주의 추천 리뷰를 하는 블로그입니다.

kokomagae.blogspot.com

 

구글 블로거(블로그스팟)에 애드핏 광고 달기(설정하기)

 

구글 블로거(블로그스팟)에 애드핏 광고 달기(설정하기)

애드센스 승인 거부가 지속되는 가운데, 구글 블로그인 블로그스팟(blogspot)에 카카오에서 송출하는 애드핏 광고라도 달아서, 글 쓰는 일에 아주 조금이라도 보람을 느껴보자는 생각이 들었습니

kokomagae.tistory.com

 

색인 생성 안 될 때 해결하기 [구글 블로거(blogspot)]

 

색인 생성 안 될 때 해결하기 [구글 블로거(blogspot)]

blogspot 구글 서치 콘솔 색인 생성하기 티스토리 블로그의 불안감이 여전한 상태입니다. 마숲 역시 대비용으로 구글 블로그인 블로거(블로그스팟)의 파이를 조금씩 키워나가고 있습니다. 그런데

kokomagae.tistory.com

 

반응형
kakaoTalk facebook twitter naver band shareLink

댓글