Blogger(블러거스팟)에서 게시글을 수정하려면 관리 페이지로 이동해야 하는 번거로움이 있습니다. 하지만, 포스트 페이지에 "수정(Edit)" 버튼을 추가하면 한 번의 클릭만으로 편집이 가능합니다! 저도 이 기능을 찾느라 꽤 고생했는데, 깔끔하게 정리해 공유합니다.
아래 방법을 따르면 블로그 포스트 페이지에 자동으로 수정 버튼이 추가됩니다. 함께 적용해 보세요! 🚀
🔹 Blogger 포스트에 수정 버튼 추가하기
1️⃣ HTML 코드 수정하기
먼저, Blogger 테마의 HTML 코드에 접근해야 합니다.
✅ 진행 방법
- Blogger 대시보드에서 테마(Theme) > HTML 편집(Edit HTML) 으로 이동합니다.
Ctrl + F를 눌러<data:post.body/>태그를 찾습니다.- 해당 태그 바로 아래에 다음 코드를 추가합니다.
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.blogId and data:post.id'>
<div>
<a expr:href='"https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id'
id='edit-post-btn'
style='display:inline-block; margin-top:10px; padding:5px 10px; background:#007BFF; color:white; text-decoration:none; border-radius:5px;'>
✏️ Edit Post
</a>
</div>
</b:if>
</b:if>
✅ 설명
data:blog.pageType == "item"→ 개별 포스트 페이지에서만 버튼이 보이도록 설정data:blog.blogId&data:post.id→ 해당 블로그와 포스트의 고유 ID를 가져와 수정 링크 생성- 스타일 (CSS) → 파란색 버튼(배경: #007BFF), 흰색 텍스트, 약간의 여백 및 둥근 모서리 적용
💡 이 코드를 추가하면 각 포스트의 개별 페이지에서만 수정 버튼이 나타납니다.
🔹 로그인 여부에 따라 버튼 표시? 🤔
현재 이 코드에는 로그인 상태를 확인하는 조건문이 없습니다.
즉, 로그인하지 않은 사용자에게도 버튼이 노출될 수 있습니다.
해결 방법
Blogger에서 로그인 여부를 판별하는 공식적인 if 조건문이 제공되지 않기 때문에, JavaScript를 활용한 방법을 연구 중입니다. 혹시 알고 계신 분은 댓글로 공유해 주세요! 🙌
✨ 마무리
이 방법을 적용하면 Blogger 포스트에서 직접 수정 버튼을 클릭해 편집 페이지로 이동할 수 있어 매우 편리합니다!
저도 이 기능을 찾느라 애를 먹었지만, 여러분이 쉽게 적용할 수 있도록 정리해 보았습니다.
Tags:
미국블로거
