This is a little hack to fix the issue reported by a lot of Blogspot bloggers here:
https://support.google.com/blogger/thread/94150705/blogger-quick-edit-pencil-icon-has-disappeared https://support.google.com/blogger/thread/94163591/edit-tool-on-blog
NOTE: A little downside is that the “Pencil” word under the posts is visible to everyone (not only the blog authors).
You can add this as an “HTML/JavaScript” gadget in the Layout editor of Blogspot admin UI:
|
| <script> | |
| var blogId = document.querySelector('link[rel="service.post"]').href.match(/\d+/)[0]; | |
| console.log('blogId', blogId); | |
| setTimeout(function() { | |
| document.querySelectorAll('.post-footer').forEach(function(footer) { | |
| var postId = footer.parentElement.querySelector('a').name; | |
| console.log('postId', postId); | |
| var href = 'https://www.blogger.com/post-edit.g?blogID=' + blogId + '&postID=' + postId + '&from=pencil'; | |
| var a = document.createElement('a'); | |
| a.href = href; | |
| a.textContent = 'Pencil'; | |
| footer.appendChild(a); | |
| console.log('Added pencil', a); | |
| }); | |
| }, 1000); | |
| </script> |
Works great. I tried to adapt this for pages too, just replacing the string "post" to "page", and the prompt, but no joy. I don't know why.
At the moment, all I am doing is manually adding a link to the appropriate edit URL to each post and page. I just change the last full stop/period/dot to a link to the edit page.
If anyone can explain why the page script doesn't work, I'd appreciate it.