Like poor Blogger user User 7100044714607836407, I have missed the quick edit button on newer Blogger templates. So I wrote a little snippet of JavaScript to bring it back.
Differences:
- Appears in the title instead of at the bottom.
- Does not appear until you press ctrl-e.
- In theory will show even when readers press ctrl-e, but of course they would still need to log in as you to actually get to the edit page.
- Just uses the blog and post IDs already viewable on the page.
Code
window.addEventListener ("keydown", function (ev) {
if (ev.code == "KeyE" && ev.ctrlKey == true) {
let posts = document.querySelectorAll ("DIV.post-outer:not(.edit_link_added)") ?? [];
for (let post of posts) {
const blog_id = post.querySelector("meta[itemprop='blogId']").getAttribute ("content");
const post_id = post.querySelector("meta[itemprop='postId']").getAttribute ("content");
const post_title_h3 = post.querySelector (".post-title");
let edit_a = document.createElement ("A");
edit_a.href = `https://www.blogger.com/post-edit.g?blogID=${blog_id}&postID=${post_id}&from=pencil`;
edit_a.target = "_blank";
edit_a.innerText = "[✏]";
post_title_h3.appendChild (edit_a);
post.classList.add ("edit_link_added");
}
}
});
