By default, the posts hosted on Blogger have Quick Edit, Pencil and/or Screwdriver features. These features are awesome for increasing the productivity of Blogger. So, if the blogger find any error or mistake in his blog post, he can typically edit or modify his content accordingly using these features and saves a lot of time and energy for him. But the end user is the Reader. So, it may be quite distracting to the Reader when he is reading the blog post.
The two biggest cons of these features are it may increase your blog loading time and hurt it's SEO. Of course, you may want to ignore but if you want your blog look more professional and beautiful(distraction free), you have to remove or hide quick edit, pencil and screwdriver icons from your blog posts.
The pencil icon means edit and make some changes to your blog post quickly. The spanner and screwdriver can be used to edit your gadgets or widgets in the sidebar. That means they are basically shortcuts to increase blogger productivity. As I said before they will be helpful to the Blogger but not the reader.
Let's see how to actually remove them .
How to remove Quick Edit Icon
step 1 Sign in to your Blogger account.
step 2. Click Layout.
step 3. Find Blog Posts widget and click on Edit. A new window will pop up.
step 4. Untick the 'Show Quick Editing' option. Hint: It will have the pencil icon.
step 5. Scroll down and click on Save button.
That's all. You've successfully removed the quick edit icon.
How to remove Screwdrivers icon
step 1. Click on Template button.
step 2. Now click on Customize (left to the Edit HTML button).
step 3. Click Advanced.
step 4. Paste the below given code in the box (top upper side)
.quickedit{display:none;}
step 5. Finally, click on Apply to Blog.
If the above method didn't work for you, then you simply just need to paste the same code in the template manually.
step 1. Click on Template.
step 2. Click Edit HTML.
step 3. Press Ctrl+F to search for </b:skin> tag.
If there is an arrow button left to the <b:skin> tag, click on it for full view.
step 4. Finally, paste the code before </b:skin> tag. You're done!
Wrap it up!
It's very simple, isn't it? Now your blog will look professional and hopefully beautiful. So, you have just solved your problem how to remove quick edit pencil and screwdriver icons.
Leave your comments below if you have any questions or statements.
0 comments:
Post a Comment