How to remove the quick edit and wrench icons on blogger

I'm writing this post because i get asked by a lot of my friends how they can get rid of those quick edit icons so if you have seen those quick edit icons under your posts and the little wrench spanner icons in the sidebar on your blog you maybe thinking how do i get rid of them or why are they there ?



in fact they are useful if you need to quickly edit your blog post's or a widget in the sidebar you can just click them to instantly edit your post or widget they are only shown to the admin of the blog if you log out you shouldn't see them but i prefer to hide or remove them since i can just login to my dashboard to edit my post or widgets

so to hide the quick edit icon below the post footer go to layout > page elements and click the edit link for the post widget from within your dashboard and uncheck the checkbox titled "Show Quick Editing" then save now those icons shouldn't show below the post

but they are still showing in the sidebar to remove them go to layout > edit HTML and expand the widget templates and look for the following code

<b:include name='quickedit'/>

each widget you have in the sidebar will have one of them so to save time having to remove each one of them just paste the following code anywhere inbetween the opening <b:skin> tag and the closing </b:skin> tag in your template to hide them

.quickedit{display:none;}

now you can get rid of those icons if you dont want them showing i hope you find this useful and thanks for reading