How to remove quick edit and wrench icons on Blogger

You might have seen the Pencil , Screwdriver and Spanner links on blogger. It seems like these icons appear only when you are logged in to your blog. But if you take a look at your Blog's Source From your Browser's View source option, then you will find that there are plenty of quick edit links on your blog even if you are not logged in(Do a Find for blogger.com ). These are the quick edit  links and these will  be hidden using CSS if you are not logged into your blogger account(but still be present in your blog as hidden links).

What is the use in Removing these Links?

You will be able to reduce the number of external links on your Blog and make it more Search Engine Friendly

Do i loose anything if i  remove these Links ?

You will no longer see the Quick Edit pencil image  or wrench links quick-edit-wrench-blogger  on your blog   . If you want to Edit a Gadget, you will have to go to the Layout > Page Elements Page .

How Do i remove the Wrench and Quick Edit?

1. Go to Layout > Page Elements and Click on the Edit Button on the Blog Posts Gadget. Uncheck the Show Quick Editing Option and Save the Settings

show-quick-editing

2. Go to Layout > Edit HTML and Click the Check box to Expand your Widget Templates

Replace all Occurrences of

<b:include name='quickedit'/>

with

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

3. Save The Template and look at your Page Source Once again. You will find that those links are no longer there.

4 The Wrench Link of the Followers Gadget Cannot be removed. If you really want to remove that, then remove the Followers Gadget and Add it as a HTML/ JavaScript Gadget with the Code from Google Friend Connect.

How do i get the Quick Edit and Wrenches back  on my blog?

If you ever feel the need to get back these buttons, then just follow the reverse process.

1. Go to Layout > Page Elements and Click on the Edit Button on the Blog Posts Gadget. Check the Show Quick Editing Option and Save the Settings

show quick editing

2. Go to Layout > Edit HTML and Click the Check box to Expand your Widget Templates

Replace all Occurrences of

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

with

<b:include name='quickedit'/>

and Save the Template and it will be back to normal.

Blogger Actually provides an Option in Settings > Basic to Hide the Quick Edit Links. But this doesn't actually remove the Quick Edit links. They are just made invisible

I hope that the Blogger Team will remove these Quick Edit Links completely(when author is  not logged in) rather than hiding them.

55 comments :

  1. I always wanted to remove those links... Thanks a lot for this tip.

    ReplyDelete
  2. Great tutorial, but I prefer keeping them, they are very useful !

    ReplyDelete
  3. Goog blog and good post...Nice can be visit to this blog.....!!!

    ReplyDelete
  4. Nice post thanks but i can't see any reason to remove that icon since it helps me a lot to edit my blog content

    ReplyDelete
  5. Thanks! I always hate those wrench icons. They wouldn't leave, even if I removed them in Settings>Basic.

    But now they're gone. Again, thanks. Big fan of your site.

    ReplyDelete
  6. Quick Edit Pencil and her brothers make you blog didn't valid when checked at W3cMarkup Validation...I think this is the most important reason.

    ReplyDelete
  7. I think there is no need to remove it until it is helping me.

    But thanks for good blog post.

    ReplyDelete
  8. Wouldn't it be better, if you could make them (I would like to know) nofollow?

    ReplyDelete
  9. please explain this term in detail

    'You will be able to reduce the number of external links on your Blog and make it more Search Engine Friendly"

    thanks for nice post

    ReplyDelete
  10. make it more Search Engine Friendly?

    Great!!@ thank you very much

    ReplyDelete
  11. hey do you have any idea the blogger comment creating trouble in IE6

    ReplyDelete
  12. Thank you. I used this to remove the icon and then after a while I realized I couldn't live without it and so then I put it back with these same directions. =)

    ReplyDelete
  13. Wow, that took FOREVER to do. But, finally I did it. Thank you! :-)

    ReplyDelete
  14. I was able to get rid of the pencil but the HTML code you referred is not on my page? But I do have the wrenches...would love to get rid of...help?

    ReplyDelete
  15. I have had trouble since I or someone else added these pluggins or whatever they are. I can't even view my own post.

    ReplyDelete
  16. need some help, please..
    doesn't work for me..

    ReplyDelete
  17. ႊThank you so much, I want to share these.

    ReplyDelete
  18. how a get a font color for recent post font

    ReplyDelete
  19. decrease error when use html validator too..thanks

    ReplyDelete
  20. I really hate these icons,
    Looks very bad when logged in.

    ReplyDelete
  21. Many thanks for the helpful tips. I've implemented as per your post and it works nicely.

    ReplyDelete
  22. Thank you so much!! Have a great weekend and take care!

    Laura

    ReplyDelete
  23. Thanks a lot ! . It's very useful to remove those links. Your website is really helpful.

    ReplyDelete
  24. Thanks.

    The use of this tricks is to decrease the number of links that you have in your site that can be a big number, and as the matter of fact, some search engines have problems with sites having more than 100 links. If you do this tricks, it helps you lower your links considerably if you added a lot of widget.

    ReplyDelete
  25. Thanks a lot. These links were really annoying!

    ReplyDelete
  26. thank you again! your blog is one of the best ressources I found on the web for blogger blogs!

    ReplyDelete
  27. Thank you very much. You are very helpful to remove blogger quickedit and wrench. :-)

    ReplyDelete
  28. Thank you for this simple instructional post!!!

    ReplyDelete
  29. thx man, this is what i am looking for... it is not annoying me anymore :D

    ReplyDelete
  30. Thanks for helping me removing those icons...

    ReplyDelete
  31. I followed your steps but couldn't get them off! maybe am doing something wrong! thanks all the same!

    ReplyDelete
  32. Thanks! I logged out and by the time I re-logged in the edit links were gone!

    ReplyDelete
  33. awesome.. thanks for this tutorial!

    ReplyDelete
  34. Hey....Thank You Very much...its really helpful.....

    ReplyDelete
  35. Hey, i tried doing this but i got an error message that the move is not allowed. is there another way to achieve this?

    ReplyDelete
  36. Thank you for this. Really helpful.

    ReplyDelete
  37. For some reason I had to reverse these two steps, replacing the "" with "". I never realized I was doing it backwards.

    Aside from the followers widget, the only thing I could not do is remove the one from the Powered by Blogger Footer.

    ReplyDelete
  38. is there a trick to delete it in the new template of blogger

    ReplyDelete
  39. Nice tutorial" but i have removed all these tags but except a single wrench icon. May i know how to remove it also...

    ReplyDelete
  40. Thank you so much, I just did this and it worked like a charm :)

    ReplyDelete