How to Add a Quick Edit Button in Blogger Posts

Quick Edit Button

Tiếng Việt

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.

English

Nếu như bạn đang sử dụng template của blogger cung cấp thì không cần tham khảo bài viết này. Tuy nhiên hầu hết do tính thẩm mỹ nên chúng ta thường sử dụng template từ các trang chuyên cung cấp. Và những template này thường "bị" tác giả họ cắt bớt mất chức năng chỉnh sửa nhanh bài viết, do đó muốn chỉnh sửa bài viết bạn lại phải vào blogspot sau đó tìm bài đó mới chỉnh sửa được, và sẽ rất mất thời gian nếu chúng ta muốn sửa nhiều bài. Và ở bài viết này mình sẽ hướng dẫn làm cách nào để thêm nút chỉnh sửa nhanh vào mỗi bài viết
Tìm thẻ <b:includable id="comments" var="post"> và dán ngay dưới nó đoạn mã sau

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

Bạn có thể thay thế hình ảnh http://img2.blogblog.com/img/icon18_edit_allbkg.gif nếu muốn

Sau đó tìm thẻ <data:post.body/> và dán ngay dưới nó đoạn mã bên dưới. Có thể xuất hiện 2 hoặc 3 thẻ <data:post.body/> và để chắc chắn bạn dán đoạn mã bên dưới vào tất cả những code bạn tìm được

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

Lưu ý: Nếu như trường hợp bạn không tìm thấy thẻ <data:post.body/> thì hãy dán sau đoạn <div class='post-footer-line post-footer-line-1'> trong template