Remove Quick Edit & Wrench Icons in Blogger

Remove Quick Edit & Wrench Icons in Blogger

Not many Blogger users are aware of a really cool feature of Blogger(blogspot.com).
Let me break it down for you!
Google’s free to use Blogger has a quick editing tool icon that lets you quickly edit your Blogger post or pages without even opening the particular blog post from within the dashboard.
Turn Off Quick Editing Tools or Wrench Icon in Blogger

This quick edit shortcut button or some people say it a “wrench icon” can be seen at the right side of Blogger widget area and also at the footer section. With this shortcut feature, you can quickly¬† make changes to the widget or completely remove it without going into the layout section in the dashboard.

But there’s one issue with this quick editing tool icon in Blogger is that it is visible to both the Blog admin as well as the users who visits your blog but changes can only be done by the admin. This wrench icon is a very handy feature for Blogger users but it might also have some negative impacts on your site’s SEO, loading speed, and look of your blog if you don’t hide it.

These quick editing icons are just tiny images showing on your blog and do not have any metadata(alt and title tags) associated with them. So, removing them from your website is a good option. There are two ways to do so, I have mentioned both of them below.

Turn Off Quick Editing Tools in Blogger [1st Method]

Step #1. On your Blogger dashboard, go to Layout > Blog Posts and click Edit.
Quick Editing Tools Blogger
Step #2. A dialog box will open. Under Post Page Options, uncheck the box next to “Show Quick Editing”.
Turn Off Quick Editing Tools Blogger
Step #3. Click Save and this will instantly turn off the quick editing button from your blogger blog.

Turn Off Wrench Icon in Blogger [2nd Method]

This method is for someone who likes the coding approach more. Just adding a small piece of code will do that tricks and hides the quick edit icon.
Important: Before doing any changes to your blog’s template, make sure you backup your template so that if anything goes wrong you can roll back to the previous changes.
Step 1. On your Blogger dashboard, go to Theme > Edit HTML.
Edit HTML Blogger Tutorial
Step 2. Place the mouse cursor anywhere inside the code and press Ctrl + F key. A search box will appear on the top-right side and type the below code and press enter.
]]></b:skin>

Step 3. Once you have found the above code, paste the below code just before the ]]></b:skin> line. (See Screenshot below)

.quickedit{display:none;}

remove Wrench Icon in Blogger

Step 4. Save the changes. Click “Hide Warning” before saving the template.

The quick editing tools icon or wrench icon will now disappear from your blog. To add the icon back, just revert the settings you have implemented before.

If you still have any doubts, feel free to ask them in the comments below. Please share this how-to guide with your friends.

Leave a Comment