Wednesday, August 12, 2009

Add image to label widget


labelwidget1

Do you like Label with the cool arrow image at front like this ;) . It's really cool, isn't it?
It's very easy to have one at the same :D. Just read steps below.
1. You must have your image url, if not you can create a googlepage account at push the image there. If you like this arrow image and ... here you are : http://www.blogblog.com/rounders3/icon_arrow_sm.gif
2. Now, log in to ur blog, choose "Layout" tab, choose "Edit Html", choose " Expand Widget Templates" (familiar steps ;) ).
3. Press Ctrl+F and find your Label widget's code (my keyword is "Label1" ^^).

What We found.

<b:if
cond="'data:blog.url"><span
dir="'data:blog.languageDirection'"><data:label.name/></span><b:else/><a
dir="'data:blog.languageDirection'"
href="'data:label.url'"><data:label.name/></a></b:if>

finished:

<b:if
cond="'data:blog.url"><span
dir="'data:blog.languageDirection'"><data:label.name/></span><b:else/><a
dir="'data:blog.languageDirection'" href="'data:label.url'"><img
src="IMAGE URL" /><data:label.name/></a></b:if>

4. Rivise the snippet as the 'finished' area, remmember to replace 'IMAGE URL' by your image URL.
Save your template and enjoy.

0 comments:

Post a Comment

 

Easy Tutorial's | Copyright 2009 Tüm Haklar? Sakl?d?r | Blogger Templates by GoogleBoy