How to display Blogger post quick edit link.
This feature is not available in 2nd generation template. So you'll have to add the edit link manually via template code or JavaScript. This post only explain the template code.
First, insert the following snippet in Blog widget, specifically inside the posts data loop:
<!-- # post quick edit link -->
<div class="item-control blog-admin">
<a expr:href='"https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id'>Edit this post</a>
</div>Next, add CSS to hide the edit link from blog visitors:
/* blog admin item control */
.item-control{display:none}If the blog author is logged in, any elements with .blog-admin class will be displayed.
By default, Blogger will inject an authorization stylesheet in the single item views (post page, blog page). If you want to inject it on any other pages, insert the following snippet to your template code:
<!-- Blogger default authorization stylesheet -->
<link expr:href='"https://www.blogger.com/dyn-css/authorization.css?targetBlogID=" + data:blog.blogId' rel='stylesheet'/>Here in this blog, the authorization stylesheet is only loaded if there's the _ns=2 cookie. This cookie comes from the blog stats settings where you choose to not track your own pageviews.
Template code:
<b:if cond='data:view.isSingleItem'>
<!-- Blogger default authorization style -->
<link class='_authStylesheet' expr:data-href='"https://www.blogger.com/dyn-css/authorization.css?targetBlogID=" + data:blog.blogId' rel='stylesheet'/>
</b:if>HTML widget:
<script>
// inject after 1 second
window.setTimeout(() => {
if (!document.cookie.includes('_ns=2')) return;
let node = document.querySelector('._authStylesheet');
if (!node) return;
node.href = node.dataset.href;
}, 1000);
</script>As stated before, the authorization stylesheet is injected by default, which means, if you want to inject it manually, you'll have to disable any Blogger tags injection by updating the </body> tag like so:
<!--
</body>
-->
</body>
</html>Disabling default tags injection may affect your blog functionality, so test thoroughly.
If you have multiple Blogger users signed in, you'll have to adjust the quick edit link so that it opens for the correct user.
https://www.blogger.com/rpc_relay.html https://www.blogger.com/comment/frame/220561901913020919?po=3218467944197119728&hl=en&saa=85391&origin=https://xmlexpr.blogspot.com&skin=contempo https://xmlexpr.blogspot.com/2024/01/blogger-quick-edit-link.html#comments true