Wednesday 5 February 2014

How to Add a Quick Edit Button in Blogger Posts

Day to Day internet changes its trends and so as your old Blogger posts, but you accomplish it when people pings you about it via email or social media method. If you want to edit your Blogger posts, then you have to follow some steps by going to the Blogger dashboard, search the posts from its by putting title in search bar and then edit it. This will take some of your time if you have 100 posts to edit, but you can save your time by attach a Quick Edit button link in each post page.  In this article, we will be teaching you how to add a Quick edit button in Blogger Posts.


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

    <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 putting the above code correctly , Again go to search bar search for <data:post.body/> tag Now paste the following code just below the tag which will display a quick edit button at the end of your every posts. In short, the first code will generate a quick edit button and the second code would display it in your each posts. (Remember: There are 2 to 3 <data:post.body/> tag in every template, so be sure to add the code after each tag).
    <b:include data='post' name='postQuickEdit'/>

Note: If you are not able 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 dash of codes.

Congratulations: Once everything is done properly , save the template by clicking "Save Template" button. brilliant, you have successfully generate a quick edit button in blogger posts. Now check your website to see if everything is working correctly according to the  method.

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

Share This Post →

No comments:

Post a Comment

Powered By Practlogy |   By Asif Shaikh