How to Remove Quick Edit Icon on Blogger

The Quick Edit icon with Wrench and a screwdriver is a feature that functions as a quick button to make edits to certain widgets on your blogger blog.
2 min read
How to Remove Quick Edit Icon on Blogger

How to Remove Quick Edit Icon on Blogger, Delete Wrench and Screwdriver on Blogs, How to Remove Quick Edit Logo, How to Delete Quick Edit Icon in Blogger Template, How to Delete Quick Edit and Wrench Icons on Blogger,

The Quick Edit icon with Wrench and a screwdriver is a feature that functions as a quick button to make edits to certain widgets on your blogger blog.

This Wrench and Screwdriver icon appears on the top or bottom side of your blog widget display. Unfortunately the Wrench and Screwdriver Icon sometimes interfere with the appearance of the blog and affect the quality of the site's SEO because it does not have ALT in the icon image.

There are many ways to get rid of this icon, but the best way is to delete it, not hide it.

How to Get Rid of Quick Edit Icon on Blogger


  1. Log in to Blogger.
  2. In the navigation panel, please select Themes.
  3. Click Edit HTML.
  4. Please find the code <b:include name='quickedit'/> then delete all the code.
  5. Save the template then see the results.

At this stage you have successfully removed the quick edit icon on your blog widget. please do the tips above every time you create a new widget on your blog.

The code <b:include name='quickedit'/> will appear in the template every time you create a new widget. therefore, make sure you always check the template every time you create a new widget.

Another way to remove the Quick Edit icon is to hide it using CSS code.

The advantage of hiding the Quick Edit icon using CSS is that you no longer need to manually delete the quickedit code in your blog template every time you create a new widget.

But the downside is that the <b:include name='quickedit'/> code is not completely removed.

Below is how to hide the Quick Edit Icon using CSS. I don't really recommend this method but if this is what suits you, please follow the steps.

How to Hide Quick Edit Icon using CSS


  1. In Blogger navigation panel, please select Theme then Edit HTML.
  2. Look for the code ]]></b:skin> or </style>.
  3. Please enter the code below before the ]]></b:skin> code.
  4. .quickedit{ display:none;visibility:hidden;}
  5. Save Template.

That's all about How to Get Rid of the Wrench and Screwdriver Icon on the Blog, I hope it's useful for you. If there is anything you want to ask, please ask via the comments column below. Don't forget to read articles about other blogger tips on this blog.

You may like these posts

  • What is SEO? Many people do not yet understand the meaning of the word SEO. SEO stands for Search Engine Optimization, which means optimization of search engines. There are so many…
  • Marketers are trying to get more backlinks when doing search engine optimization marketing. Because it helps increase traffic. But the more backlinks, the better? …
  • Troubleshooting Warning Indexed Even if Blocked by Robots.txt or Indexed, though blocked by robots.txt usually appears in the Google Search Console (new version console) especially…
  • Many times you hear the term "SEO friendly" or "SEO friendly website" but what does this mean and why do you need it? How can a Seo Friendly website help your business grow?These a…
  • There is no need to doubt the link between web pages and Google Analytics. All matters relating to visitor data and other activities are obtained from these services.Its use is als…
  • A sitemap page is a website page that can be accessed by internet users. A sitemap also helps search engines find sitemaps. A sitemap can also affect the SEO quality of a site. The…

Post a Comment