This is our Blogger FAQ and Help guide on the questions and issues that are commonly raised by Bloggers as well as the readers of our Blog at Tips for New Bloggers. Here, we shall elaborate on the finer details of the customization tips for your Blog template, give further examples, and answer specific queries. For detailed write-ups and discussions on the topics, please refer to the articles in our main Blog. Before changing any template, please remember to save a copy of the current template. After editing the template, preview it, and save it when you are satisfied with the change.
Blogger FAQ and Help

Header
  • Insert an image to the left of Blog Title and Description [read]
  • Add a Horizontal Navigation Bar in Header Image [read]
  • Unable to remove Header Image [read]

Blog Posts
  • Arrange, customize and shift the Blog Posts and Footer elements [read]
  • Insert a picture or image beside the Blog Post Title [read]
  • How to have standard or pre-formatted text in Blog Posts [read]
  • Add Highlighting to Text and Background Color in Text Box [read]
  • Change Blogger Post URL - SEO Tip [read]
  • Change the Post a Comment Link [read]
  • Add scrollbars to text within Blog Posts [read]

Sidebar
  • Add Background color and image to Sidebar Titles [read]
  • Have different Background colors for each widget [read]
  • Style and Position Sidebar Images [read]

Footer
  • How to align Blog Post Footer elements to the left [read]
  • Move Comments Label to below Post Title [read]

Links and Labels
  • How to add Hover, Mouseover and Rollover effects for links [read]
  • Remove automatic number count in Labels widget [read]
  • Remove link underlines in Blog Posts and/or sidebar [read]
  • Be notified by Blogger when there is a Backlink [read]
  • Change and Edit Labels in Multiple Posts [read]

General
  • How to change Background Colour of TicTac Template [read]
  • How to remove the Pencil or Screwdriver and Wrench icons [read]
  • How to add animated graphics in Blogger Post and Sidebar [read]
  • Add Text Box or HTML textarea code in Blogs [read]
  • Know the limits on our Blogger account [read]
  • How to take Screenshots or Screen captures [read]
  • How to change and transfer Blog ownership [read]
  • Change font size and font styles in template [read]
  • How to center align Page Elements [read]
  • How to insert a separator line between each comment [read]

Search Tricks for New Bloggers

banner
We have extended our month-long vacation by a couple of days. We shall be posting articles the moment we return. We noticed that Google had updated the Page Ranks. New bloggers who have been waiting anxiously for this can check their blogs' Page Ranks. We have the PR checker link in our SEO Tools - Search Engine Optimization article.

The blog we created recently in Aug 2007, Blogger FAQ and Help, has also got its first Page Rank, a PR4. All our blogs are now ranked:-

Tips for New Bloggers - PR6
Business Fables and Management Lessons - PR4
Famous Motivational and Inspirational Quotes - PR4
Blogger FAQ and Help - PR4

Thanks to everyone for the support!

Aug 28, 2007

Digg This Story

Quick Edit and Screwdriver Wrench Icons

If you are new to Blogger software, once your Blog is up and running, you will see some strange icons. One is a picture of a pencil at the Post Footer and another is a screwdriver and wrench icon at the bottom right corner of every widget. Is there a way to disable them? Why are they there in the first place? Don't they look unsightly in the Blog design?

Allay your fears. However unsightly they may seem, nobody else can see them other than the author of the Blog and only when logged into the Blogger account. Once you are logged out, clear the browser cache or refresh the page and the icons will disappear.

Remove Pencil icons

These icons are there to assist the authors. The pencil icon at the end of the Posts are the links to enable easy quick editing of the Posts.

Quick Edit and Screwdriver Wrench icons

Sometimes, after we have published our posts, we may go through them and spot some typographical errors or mis-alignment problems. To edit the post, we will have to go to Posting -> Edit Posts and locate the post that we want to edit. This may not be a simple task. In our Famous Quotes blog, for instance, we have more than two thousand posts and counting. To find the post is an uphill task. Quick editing solves all that. When we are looking at the relevant published post, we can easily click the pencil icon at the Footer and it will bring us to the Post Editor screen. We simply edit and re-publish.

If you do not want this feature, go to Settings -> Basic and to the question “Show Quick Editing on your Blog?” answer “No” to remove this pencil icon.

Remove Screwdriver and Wrench icons

At the bottom right corner of each widget, there is a screwdriver and wrench icon. This is the quick edit link which when clicked, will bring you to the Page Element edit screen.

Quick Edit and Screwdriver Wrench icons

Without this icon, you can go to Template -> Page Elements and click the element to be edited. The disadvantage is that for people who have inserted a lot of pictures and HTML/JavaScript widgets, which usually carry no titles, it will take a while to locate the correct widget. It is much easier to click the quick edit icons on the Blog page.

Even then, if you still choose not to have this screwdriver and wrench icon displayed, go to Template -> Edit HTML and after a } sign, insert this additional code:-

.quickedit {
display:none;
}


Save the template. You will not see the screwdriver and wrench quick edit icon even when you are logged into your Blogger account.

© Tricks for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

14 comments:

Elise Bon-Rudin, EdD said...

You write, "Allay your fears. However unsightly they may seem, nobody else can see them other than the author of the Blog and only when logged into the Blogger account. Once you are logged out, clear the browser cache or refresh the page and the icons will disappear." Didn't work for me! I cleared cache,logged out, went to my custom site like anyone else might: there they were. Those damned unsightly wrench/screwdriver icons. What to do???
A Screwed W[r]ench in Massachusetts

bizwhiz said...

Hi Elise Bon-Rudin, EdD

I looked at your site and have even uploaded a screen capture of your site here:-

http://www.image4you.org/images/5983896.jpg

I cannot see any wrench icon and I believe anybody else looking at your site will not see it too.

If you do not believe your eyes, then look elsewhere for your solution and to vent your unwarranted frustration.

Edwin Rosell said...

Is there any way I can use my own icons instead of the pencil and the hammer and screwdriver default?
Great blog by the way, extremely helpful!

Anonymous said...

Bizwhiz,

I have to agree with Elsie. I could still see the wrench incons as well- even logged out with the cache cleared. I have been trying to get rid of them for a couple of weeks. But, thanks to you they are gone!!! Yay!!! I no longer see those ugly wrenches. Ugh.

I am still working on my blog and have a LONG way to go but I am so glad I have your blog to guide me along. Thanks.

Steph Bond said...

Hello bizwhiz! I'm also still seeing the screwdriver/wrench icons when logged out and the cache is cleared. Today I tried accessing the site at my husband's workplace where I have never logged in and the site still has the wrench icon. Have you had any other people with this problem?
Thanks so much,
Steph Bond
stephbond.com

Net said...

Thank you! thank you! thank you! Those icons have been driving me nuts for so long. I hate seeing them when I'm logged in. Thank you so much!

DirtDigger (Tessa) said...

Hi,

For some reason my little quick edit pencil is not there on one of my blogs- one that i have been very busy tweaking, with the help of your great site! Not to mention background tweaks. I do have it enabled in the settings. I am not sure what to try- any suggestions?
I did try to copy and paste a quick edit section of code on my other blog- but i have no idea where that particular code ends.

Thanks,

Tessa

Undo said...

hi
can you please tell us how to add the quick edit option for posts ?
or the HTML code for adding it.

Thank you !

Matt said...

Thank you, thank you! I found only one other blog "tips" site which recommended removing ALL occurrences of the "include quickedit" lines, but for me, who has multiple gadgets/widgets, it's a pain every time I add a new one. Thanks a million for this quicker shortcut! (This option, like removing the "pencil" post quickedit, REALLY should be built into Blogger...sheesh.)

Anonymous said...

My fears cannot be allayed as long as my blog is under an aggregator whose ten editors have an easy access to see the screwdriver-wrench icon and click it to access my blog and alter my entries and setting and layout.

Kelvin Wong said...

wow!! thank you sooo much ! my screwdrivers are gone!!! i have been annoy but there things for long time!!!

T.J. said...

Wow!!! Thank you so very much! This is exactly what I was looking for and my newly launched blog is pencil and wrench free- yippee!!

Edwin said...

How can I add an ALT text to the Screwdriver Wrench icon?

I know how to do it for the pencil below the postings, but not for the above icon in the sidebars...

Taiju said...

sir i have added a menu below the blog title. and my problem is that one link ads were there now it is hidden and i cant see both menu and ads under page element .Only thing is th AddElement button please help me my blog is http://aircel-tips.blogspot.com/ please go through it give me a solution thnk you sir