How to remove Quick Edit or Wrench Icon on Blogger Blog

Hello friends! Today in this article we are going to talk about How to remove Quick Edit or Wrench Icon on Blogger Blog. We will know all the How to remove Quick Edit or Wrench Icon on Blogger Blog. So stay with this article to know in more detail.


You may have seen one or more Quick Edit or Wrench icon in your Blogger blog that takes you directly to a web page with a direct widget or a gadget setting. You'll only see a Quick Edit or Wrench icon when you log in to your Blogger Dashboard, but many times users will also see this Quick Edit or Wrench icon on your blog if you haven't deleted it.


Quick Edit or Wrench icon can greatly affect the loading speed of your Blogger blog, Blogger's SEO and its User Interface (UI). So you should remove this Quick Edit or Wrench icon from your Blogger blog. Now it comes down to how to remove this Quick Edit or Wrench icon. Below are some steps. You have to follow these steps well. After following this, you can use this Quick Edit or Wrench icon from your Blogger blog. Wrench icon will be removed.

$ads={2}

How to remove Quick Edit or Wrench Icon on Blogger Blog (Step by Step)

Before you know the steps to add WhatsApp share button, we would recommend you to make a backup of your Blog template, because if anything goes wrong then you have save your blog design safely.

Method 1: Edit HTML Template

Before you know the steps to remove Quick Edit or Wrench Icon on Blogger Blogn, we would recommend you to make a backup of your Blog template, because if anything goes wrong then you have save your blog design safely.
  • Login to your Blogger.com dashboard
  • Click on Theme Section and then click on the Customize arrow
  • Now click on Edit HTML
  • Now click on the code section and press Ctrl+F, you will see a search bar on the display screen.
  • Search for code given below. 

 

<b:include name='quickedit'/>

 

  • Replace this code with following code:
$ads={2}

 

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

 

  • Now click on Save theme icon. That's it.

In this method we have some changing in HTML code, we have just put some code with HTML comment tag. If you want to back these Quick Edit or Wrench Icons in your Blog, then you will remove these HTML comment tags.

Note: You can also delete these codes from your blog template without put HTML comment tag. 


Method 2: Remove Quick Edit or Wrench icons using CSS

You can also remove Quick Edit or Wrench Icon on Blogger Blog without removing HTML codes. For this just follow some steps:
  • Login to your Blogger.com dashboard
  • Click on Theme Section and then click on the Customize arrow
  • Now click on Edit HTML
  • Now click on the code section and press Ctrl+F, you will see a search bar on the display screen.
  • Copy the below code
  • Search for ]]></b:skin>, Paste the code above to this ]]></b:skin> code
$ads={2}
.quickedit{display:none;}

 

  • Now click on Save theme icon. That's it.

Method 3: How to remove blog post pencil edit icon

Sometimes, we have to see a Pencil Edit Icon in Blogger Blog post. If you remove this pencil edit icon then follow some steps given below:
  • Login to your Blogger.com dashboard
  • Go to Layout Section
  • Click on Edit Post icon Widget, A pop-up window will appear on display screen.
  • Here, Untick the Show Quick Editing
  • Click on Save button. That's it.

Conclusion:

The purpose of today post is to provide you with the How to remove Quick Edit or Wrench Icon on Blogger Blog. Did you like these How to remove Quick Edit or Wrench Icon on Blogger Blog? You must definitely give us your feedback in the comment box below. If you also want to give us any kind of Suggestion, then share your opinion with us in the Comment Box.

Thank You!

Post a Comment

Please do not enter any spam link in the comment box.

Previous Post Next Post
close