Remove Quick Edit and Wrench Icon in Blogger

Remove Quick Edit

What is Quick Edit and Wrench Feature?


  • Quick Edit is an awesome feature and an original functional tool from Blogger Custom Management System (CMS). The Quick Edit is placed in all Blogger templates to completely work for editing articles that have been posting on Blogger blog. Quick Edit Icons were shown on the Blogger posts and pages at the bottom. The webmaster will use it to edit the document, it is a fast and quick method.
  • Wrench Feature is an another functional feature that is working on Blogger template. The Wrench Feature is showing by wrench icon and mostly display on widget sidebar (gadget HTML/JavaScript) that provides an easy way to edit on widgets.

Wrench Icon

Why Do You Need To Remove Quick Edit and Wrench Icon?

There is only one reason that webmaster needs to remove quick edit function from their Blogger template. You might be heard about Search Engine Optimization (SEO), if you understand about SEO requirement you will need to improve your website or blog SEO score.

The Reason that we need to fix or remove the Quick Edit and Wrench feature from Blogger template because we found that Blogger automatically generated Quick Edit and Wrench Function in our Blogger Custom Management System. It does not fill up the Quick Edit and Wrench Icon with Alt tag description (Alt="Description") when you review source codes from our blogger template. The Image icon of Quick edit and Wrench icon does not comply with SEO requirement, so this is why we need to fix or remove quick edit and wrench feature from our Blogger template HTML.

How to Remove Wrench Icon?

If you are the owner of a Blogger blog and you would like to fix or remove Wrench Icon from you Blogger template, this tutorial will be helpful for work. We have provided three different methods for removing them.

Recommendation: Before you start this job, I would like you to back up your template. Here is a method How to Back Up Your Blogger Template, a template that you have been using on your recent blog.

  • Method 1: Using CSS To Hide Them

One short CSS code will be helping you to hide Wrench icon from your blogger template. To add CSS code, just go to Template then click on the Edit HTML button and then search for ]]></b:skin> tag then copy and paste below CSS Code above it or need more detail about How to add CSS Styling to Blogger.

.quickedit{display:none ! important}

  • Method 2: Using HTML Browser Comment Tag

It is a very simple way just use a HTML Browser Comment Tag to replace the Wrench HTML Code. Thus, go to Template and click on Edit HTML then search for <b:include name='quickedit'/> by pressing Ctrl + F or Command + F for Mac (IOS). Fill up a text or code you are looking for then press Enter. Once you found them just replace below HTML code then Save Template.

Addition, you will found more than one wrench code thus, you need to replace all of them or just replace or anyone you need to hide it.

<!--b:include name="quickedit"/-->

  • Method 3: Remove One HTML Code

It is similar to Method 2, you need to search for a HTML code below, all of these codes you found in your Blogger HTML, just remove it. that's it!

<b:include name='quickedit'/>

How to Remove Quick Edit Pencil?

To remove or hide Quick Edit Pencil from Blogger Blog that always display on the bottom of the Blog Post or page and you see it when you log in your blog and view blog articles. Now remove it from your blog articles, just log in your blog and click on Layout then find out the Blog post gadget and click on Edit link then you will see some functional tools inside. Just take out TICK from a Show Quick Editing. Once you have done, click on Save button.

Remove Quick Edit Icon


Previous Post Next Post