Top Ad 728x90

header ads

Wednesday, 30 October 2013

, , , ,

How To Remove Wrench Icons And Pencil Edit Link From Your Blogs

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. In todays tutorial I am going to share and little blogger hack about how to hide pencil (quick edit), Wrench Spanner (Quick edit Gadget). I am writing this tutorial because I get asked by a lot of my blog readers 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 icons in the sidebar on your blog you maybe thinking how do I get rid of them. You can also see icons below in screen shoots. Once you have hide the wrench icons and quick edit, you can see the changes while you are refresh the blog page.

You may notice those wrench images like screwdrivers in every widgets of your blog. It is always shown once you are logged in your own sites. The purpose of that is easy access for editing your layout. Some bloggers get annoyed by these small wrenches so they want to remove it. Here I will teach you to remove it by just a simple trick.

In todays tutorial I am going to share and little blogger hack about how to hide pencil (quick edit), Wrench Spanner (Quick edit Gadget). This will give you a good view on your blog as you edit your layout.

Below is the image of wrench that you will remove in this simple blogger hack.

Wrench Icons


Quick Edit


Remember this feature is a user friendly and useful for easy access. You can only see this if you are logged in. Readers of your blog cannot see this wrench.

How to Hide Quick Edit Icon

For you to hide the quick edit icon below the every post articles:
1. Go to Blogger Dashboard =>layout
2. Click the edit link for the blog posts widget and remove the check on the checkbox named "Show Quick Editing" then click on save button and your done.

How to hide wrench icons

Every widget boxes will be showing the wrench for editing so to save time having to remove each one of them just paste the following code after the opening <b:skin> tag or before closing </b:skin> tag in your template to hide them.
.quickedit{display:none;}

After placing the code hit save and now try to see your blog, Its magic that there are no annoying wrenches.

If the Wrench Link of the Followers Gadget Cannot be removed, and 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.

This is just simple tricks with css, I just used this because i don't want to see those wrenches when editing my blogs.

Top Ad 728x90