RSS Icons for Photoshop

RSS Icons for Photoshop

What is RSS?

RSS stands for 'really simple sindication', and it's part of the web feed formats. It's probably one of the most common things you can see on blogs but you have no idea what it is nor interest about it.
By suscribing to someone's RSS you get a summarized entry of updated news everyday (in case there are) with its author and date. As far as I know, FireFox has an option over markers, and it says "Suscribe to this website" or something like that, which acts with RSS. If you really are lost, you should see this video for more information about RSS and its use.

On the blog topic: I'd like to bring you by courtesy of dezignus (a site I got to know lately) some RSS Icons to use on your blog or website.



Dezignus - RSS Icons or RSS Icons, direct link on Mediafire

If you don't know how to install them, the process is simple: You just need to click with your right button over the Shape Tool and go to "Custom Shape Tool".



Now, on a new canvas, use right click and click over the little arrow on the north east of your window to open some options. Select "Load Shapes" and now just find your RSS shapes.



For example, I worked with them and did this:

Changing your Link borders

Changing your Link borders

Okay, this is a pretty specific subject. So it happens that my blog came with a configuration which made any of my images, when they linked to somewhere, to use borders. Like this.



So I searched and found a way to change it into this:



What did I do? I created another "class" for the images, so they could work as different elements from Links. You just need to find your a: line and set something like this.



You can define every one of the variables on the list to match the colors on your blog. Every time you want to correct the border, use the usual code img src with this agregate: Class="img".
For example, the last image looked like this.



Remember that I'm talking about Images with Links. It won't work if you add it to the "img src" part.

Changing your Blog Icon (favicon)

Changing your Blog Icon (favicon)

After a couple hours of searching in the web, I came across a blog which described an useful method for changing your blog favicon.
I must state that I gathered a lot of this information from another blog, which I can't track right now, since I erased my historial (blame CCleaner).

What's a Favicon?
It's the icon next to your browser direction, meant to identify the site you're currently navigating. It stands for "favorite Icon", since that's the image it's going to display in your bookmarks (and originally, on the Internet Explorer's).



So how can we change the Blogger default's icon?
By introducing this codeline on the Palette:

Link rel (where rel stands for relationship) is encharged to link the icon with the outern source, and the href part is basically the URL of your icon host. This is the only part of the code you have to change.
You need to introduce this code (obviously with another URL) between the «head> and the «/head>, after the ]]>«/b:skin> (please notice that I changed all the "<" in order to make the f*cking blog accept the line of text)

Real explanation starts here
What you need to do in order to change the URL part on that code I gave you, is the following.

1. First of all, save your Blog palette before messing with. It's a suggestion.
2. You're going to need either a 16x16 image in order to convert it to Ico, or already, an icon. Try searching on google, or using a program to make one, such as Photoshop, Gimp, or something else. You got a list of programs at mashable to check.
3. Go to IconJ and host it at the box on the right side of the screen.



4. After the site finishes uploading it, copy the direct link on the bottom of the link box.



5. Now paste this between the «head> and the «/head>, after the ]]>«/b:skin> and you're done.



Hope you liked it.