Blogger Backgrounds

Saturday, July 9, 2011

Tutorial: Home Icon

Home Icon for ya blog... ^,^
Here's how:

1. Go to Dashboard => Design => Page Element => Add Gadget => HTML/JavaScript
2. Copy the code below and paste it there:
<style type='text/css'>a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0; }</style>
<div style='display:scroll; position:fixed; bottom:10px; left:-12px;'> 
<a class='linkopacity' href='YOUR BLOG LINK' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="ICON CODE HERE" /></a><br />
Yellow Highlight: Your Blog URL
Green Highlight: ICON URL
Red: you can change it to 'top'
Blue: you can change it to 'right'

P/S: Preview it before saving it...Just in case it didnt work due to a few mistakes...

JibberJabber Kid...

Have A Nice JibberJabber Day!

No comments:

Post a Comment

JibberJabber Here

Copyright Owned by JibberJabber Kid Y(^,^)Y