How to remove quick edit and wrench icons on Blogger

Posted by Unknown on

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.

Comments

  1. Yodi InsigneApril 11, 2010 at 12:17 PM

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

    ReplyDelete
  2. SoufianeApril 11, 2010 at 2:42 PM

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

    ReplyDelete
  3. Sancho MuzaxApril 12, 2010 at 3:47 AM

    Respect! Thank you!

    ReplyDelete
  4. chugyApril 12, 2010 at 11:23 AM

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

    ReplyDelete
  5. AlaminApril 14, 2010 at 11:46 PM

    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
  6. Finnur Torfi GunnarssonApril 15, 2010 at 8:35 AM

    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
  7. UnknownApril 17, 2010 at 5:06 PM

    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
  8. AAN PRAWIRAApril 18, 2010 at 7:11 AM

    i like this

    ReplyDelete
  9. SEO ServicesApril 19, 2010 at 11:46 AM

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

    But thanks for good blog post.

    ReplyDelete
  10. sexcodes.blogspot.comApril 23, 2010 at 12:31 AM

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

    ReplyDelete
  11. RAJ KUMARIApril 23, 2010 at 9:04 AM

    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
  12. vnblognet [dot] comApril 24, 2010 at 11:29 AM

    make it more Search Engine Friendly?

    Great!!@ thank you very much

    ReplyDelete
  13. AnonymousApril 28, 2010 at 9:49 AM

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

    ReplyDelete
  14. bellaMay 1, 2010 at 7:52 AM

    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
  15. UnknownMay 4, 2010 at 7:50 AM

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

    ReplyDelete
  16. HeatherMay 8, 2010 at 4:54 PM

    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
  17. UnknownMay 8, 2010 at 10:41 PM

    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
  18. foxicareaMay 13, 2010 at 8:23 PM

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

    ReplyDelete
  19. Ugly duckMay 18, 2010 at 7:38 AM

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

    ReplyDelete
  20. dpordpJune 5, 2010 at 5:35 PM

    Thank

    ReplyDelete
  21. abJune 5, 2010 at 7:14 PM

    thks very much

    ReplyDelete
  22. Adhe HidayatJune 11, 2010 at 7:03 PM

    how a get a font color for recent post font

    ReplyDelete
  23. Gopakumar MenonJune 14, 2010 at 4:37 PM

    Thanks for the tip

    ReplyDelete
  24. KFunCJune 14, 2010 at 4:53 PM

    decrease error when use html validator too..thanks

    ReplyDelete
  25. ShrinathJune 30, 2010 at 6:04 PM

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

    ReplyDelete
  26. UnknownJuly 5, 2010 at 6:09 AM

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

    ReplyDelete
  27. jinganAugust 12, 2010 at 7:56 PM

    thanks

    ReplyDelete
  28. PumpkinButtKittyAugust 13, 2010 at 10:04 PM

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

    Laura

    ReplyDelete
  29. The Genuine IslamSeptember 7, 2010 at 11:28 PM

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

    ReplyDelete
  30. TUTSVNN.TKSeptember 18, 2010 at 4:21 AM

    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
  31. Mário PereiraSeptember 25, 2010 at 7:05 PM

    Thanks a lot. These links were really annoying!

    ReplyDelete
  32. Thodoris KonsoulasSeptember 26, 2010 at 2:02 PM

    Thank you very much!!!

    ReplyDelete
  33. andreSeptember 30, 2010 at 10:34 PM

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

    ReplyDelete
  34. adminOctober 16, 2010 at 5:24 PM

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

    ReplyDelete
  35. Edgar CantagoDecember 28, 2010 at 4:18 PM

    Thanks for the nice post!

    ReplyDelete
  36. KwilFebruary 10, 2011 at 5:18 AM

    Thank you for this simple instructional post!!!

    ReplyDelete
  37. Freemium ThemesFebruary 22, 2011 at 1:07 AM

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

    ReplyDelete
  38. HasanMarch 2, 2011 at 8:03 PM

    Thanks for helping me removing those icons...

    ReplyDelete
  39. Hadvianti FuYohApril 7, 2011 at 6:57 AM

    thank you..

    ReplyDelete
  40. PushparajJuly 8, 2011 at 6:23 PM

    nice

    ReplyDelete
  41. mysticSeptember 5, 2011 at 7:45 PM

    it work.
    thanks a lot.

    ReplyDelete
  42. muhmmad usmanSeptember 7, 2011 at 9:25 PM

    thank you for help

    ReplyDelete
  43. RitaSeptember 10, 2011 at 4:21 AM

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

    ReplyDelete
  44. RitaSeptember 10, 2011 at 4:49 AM

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

    ReplyDelete
  45. UnknownSeptember 15, 2011 at 7:31 PM

    awesome.. thanks for this tutorial!

    ReplyDelete
  46. just-UpdteDecember 3, 2011 at 7:58 PM

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

    ReplyDelete
  47. FladonisJanuary 9, 2012 at 9:50 AM

    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
  48. UnknownMarch 29, 2012 at 11:27 AM

    Thank you for this. Really helpful.

    ReplyDelete
  49. Christopher StogdillApril 4, 2012 at 7:57 PM

    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
  50. AnonymousApril 21, 2013 at 1:44 AM

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

    ReplyDelete
  51. AnonymousJuly 3, 2013 at 5:10 PM

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

    ReplyDelete
  52. iMadeJuly 22, 2013 at 10:37 AM

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

    ReplyDelete
  53. AlbertignoSeptember 3, 2013 at 11:59 AM

    thanks! it was very helpful

    ReplyDelete
  54. UnknownOctober 15, 2015 at 10:16 PM

    i cant find page element

    ReplyDelete
  55. Superlife NigeriaDecember 17, 2015 at 11:27 PM

    Thanks man

    ReplyDelete

Post a Comment