Blogger Quick Edit Link

How to display Blogger post quick edit link.

Widget type: Blog.

Template code:

<!-- # 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>

CSS to hide the link from visitors:

/* blog admin item control */
.item-control{display:none}

If the blog author is logged in, Blogger will overwrite the style and display all elements with .blog-admin class.

Blog Authorization Stylesheet

The following stylesheet is automatically injected by Blogger in post/page view:

<!-- Blogger default authorization stylesheet -->
<link expr:href='"https://www.blogger.com/dyn-css/authorization.css?targetBlogID=" + data:blog.blogId' rel='stylesheet'/>

***

Just so you know, 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.