Friday, January 15, 2010

Change the Quickedit Pencil Icon

If you want to completely remove those icons from your Blog, read this article...

And if you would like to change the appearance of Quickedit Pencil icon, stay here. So, the default icon for Quick editing our Posts and Widgets are PEN and SCREWDRIVER. Like in the picture below.

Now, you know already that nobody can see these except you. But if you use them, and they do hurt your eyes, there's a way to change the appearance of Pencil icon.

CHANGING QUICKEDIT PENCIL WITH CUSTOMIZED PICTURE
First, back up your template. Then go to:
DASHBOARD -- LAYOUT -- EDIT HTML, click on the EXPAND WIDGET TEMPLATES, and in the code section, find the following line of code (using CTRL + F for easy searching):

<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> 


...place URL of you picture instead of the Blogger URL (part in red). Save Settings.
Keep in mind that you should change the width='18' and height='18', if your picture is diferent size (if your pic is 25x25, change it to width='25' and height='25').
Save Settings. And that's it.

For example I've changed it into Smiley Face.

It's not very important customization, I know. But it can be fun....

Smile!

0 comments:

Based on original Visionary template by Justin Tadlock
Visionary Reloaded theme by Blogger Templates
This template is brought to you by Blogger templates

Visionary WordPress Theme by Justin Tadlock Powered by Blogger, state-of-the-art semantic personal publishing platform