How to Hide Quick Edit Wrench & Pencil Icon in Blogger?

How to Hide Quick Edit Wrench & Pencil Icon in Blogger?

As a user of blogger, you might have noticed that the quick edit, pencil and also spanner symbol on to your blog. These icons are appear while you are logged in your blogger account. Though there is no problem to having these in your site, but it's look annoying. Couple of my friends sent me SMS and wanted to know how to remove these pencil icon {quick edit} & wrench {quick modify widget}. So that's why I'm going to share this post. Here from this tutorial you will get a complete guide which can help you to remove them.
To removing these icons, you need to add some piece code in your blog template. This is a quite simple method just follow the below guide:
How these icons look 
Hide Quick Edit Wrench & Pencil Icon in Blogger

Removing Quick Edit pencil

Log in your blog account and follow below process:
  • Go to blogger dashboard >> layout. Click on the edit link under the blog post widget. 
  • Now remove the tick from "show quick editing"
    How to Hide Quick Edit Wrench & Pencil Icon in Blogger?
  • Click save and you're done visit your site and check. 

Remove wrench icons 

To remove it you need to add some pieces of css code on your blog template. Just follow below steps
  • Go to template >> Edit HTML 
    edit html blogger
  •  Now search for this code </b:skin> (Using Ctrl F) 
  • After find it, paste the below code just before </b:skin> tag. 
 .quickedit{display:none;}
  • Now save your template and you're nicely done. Check your site and check whether it's work or not. 
Over to you
The above post was that how to hide quick edit and pencil icon from blogger blog. So hopefully you've done it properly without any problem.
If you've any question related tom this article, then feel free to ask me I will try my best to answer your question within next 1 hour. 

ليست هناك تعليقات:

إرسال تعليق