How to Add a Quick Edit Button in Blogger Posts

Advertisements
Time to time internet changes its trends and so as your old Blogger posts, but you realized it when people pings you about it via email or social media. What if you have to edit your Blogger posts, then you have to follow the normal routine step by going to the Blogger dashboard, search the posts from its title and then edit it. This will clearly take a percentage of time if you have what 100 posts to edit, but you can save your time by adding a Quick Edit button link in each post page.  In this article, we will be showing you 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:includable id='postQuickEdit' var='post'>
  <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.

Congratulations: Once everything is done, save the template by pressing "Save Template" button. Excellent, you have successfully added a quick edit button in blogger posts. Now check your site to see if everything is working according to the plan.

We hope this tutorial may have helped you in finding out how to add a quick edit button in blogger posts. Keep in mind that only admin will be able to see this button so you should be logged in to your blogger account to make an edit. If you are already using it, then feel free to share your opinions in the comments below.

This is a Guest post by Syed Ahsan Ali of EasyEarningMethods.com.
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

3 comments

April 22, 2015 at 9:47 AM

this was VERY helpful!
however, I changed the template of my blog and now I can't modify or create new posts from the blogger page un Chrome, I only can use the blogger app on my phine and that is very restricting... any ideas why this could be happening? thanks a lot!

April 22, 2015 at 9:50 AM

never mind, I solved it
you blog is very useful!

July 14, 2015 at 9:46 AM

thank you, it really works

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.