How to Add a Quick Edit Button in Blogger Posts

The first thing you need to do is to login into your Blogger account.
Now from the Blogger Dashboard,
Go to Template >> Edit HTML.
In the template coding, search for <b:includable id='comments' var='post'> tag and just below it paste the following line of code.
 This code will create a quick edit button for blogger, if you want you can change the icon by replacing the following image URL http://img2.blogblog.com/img/icon18_edit_allbkg.gif  with any other.

<b:if cond='data:post.editUrl'>

    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>

      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>

      </a>

    </span>

  </b:if>

</b:includable>

After adding the above code, search for <data:post.body/> tag and just below it paste the following code which will display a quick edit button at the end of your posts. In short, the first code will create a quick edit button and the second one would display it in your posts. (Remember: There are 2 to 3 <data:post.body/> tag in each template, so be sure to add the code after each tag).

 <b:include data='post' name='postQuickEdit'/>

Note: If you are unable to find the <data:post.body/> tag, then paste the above code below  <div class='post-footer-line post-footer-line-1'> because each template has different lines of codes.

Posted in: blogger tips