This Blog is Dead, follow me at my new blog

You can now follow my adventures at my new blog, http://julianapena.com/
Showing posts with label web browsing. Show all posts
Showing posts with label web browsing. Show all posts

Tuesday, August 7, 2007

6 userscripts and userstyles you should really try out

A major plus that enhances the usability of a web browser is the ability to customize web pages to look and behave the way you want them to. This is done by using userscripts, little snippets of javascript code, and userstyles, their CSS counterparts. While userscripts change the way sites behave, userstyles change the way sites look.

In Firefox, userscipts can be used thanks to the powerful Greasemonkey extension. Others browsers, like Opera, come with this enhancement built-in. I already showed a quite good example of a userscript. Userstyles can be used in Firefox with the Stylish extension. Stylish, unlike Greasemonkey, cannot only modify web pages, but it can modify the look of Firefox itself.

Userscripts can also be used out-of-the-box with Opera and with an addon called Creammmonkey on Safari.

1. Pagerization

I know I've mentioned this before, but now that I've been actually using it for a few days, I just have to say, this one HELL of a userscript. It works on an enourmous amount of pages... from Google, to forums, to almost everywhere. It's just so damn useful. My next-button-clicking days are now over!

2. Combine Stop/Reload buttons

This userstyle is great if you want to go minimalistic. When the page is loading, only the stop button is showed. When it finished loading, it only shows the reload button. That's one less toolbar button cluttering your browser!

3. Greased Lightbox

This script enhances image search sites like Google Image Search or Flickr by letting you see the original image in a very Ajax-y and useful way. I can't really explain it very well -- you have to use it to understand it. It's simply amazing. However, after using it for a while, I have to say it can sometimes be a bit intrusive.

4. Folders4Gmail

This script is pretty cool in that it allows you to nest labels in Gmail -- emulating the feeling of 'folders' other mail clients have. I can't believe how I could live without this for so long!

5. GMailTo

Another must-have if you use Gmail. With this, every time you click on a mailto: link it will open a new Gmail compose window instead of the default desktop program (Evolution on Ubuntu or, God forbid, Outlook Express on Windows).

6. Bookmarklet Favicon

If you use bookmarklets as much as I do, you will find this extremely useful as well. It changes the favicon of bookmarklets to a javascript icon to make them easier to distinguish.


What about you? What are your favourite userscripts and userstyles? Which ones can't you live without? Leave a comment telling us!

Tuesday, July 17, 2007

Featured Firefox Addon: Pagerization userscript

Lifehacker shares the simply amazing Pagerization userscript that allows Greasemonkey users to automatically load the next page in say, a Google search, or a list of blog posts (the blog included). To use this script, you need the Greasemonkey extension.

Monday, July 16, 2007

9 things Safari has that Firefox doesn't? Yeah, right.


I've recently read an article called 9 things Firefox should steal from Safari. However, most of the items on that article are things Firefox already has, at least on the latest Gran Paradiso Alphas. Here are my views on the 9 points.


  1. Highlight the current text field: The author's right, there is a problem with the way XUL renders text forms, and it should be fixed to be native. Thankfully, Firefox 3 will correct this issue, at least on OSX, but not on Linux yet. Meanwhile, you could take a look here

  2. Font rendering: If you use OSX, then Apple anti-aliasing should be used. If you use Windows, ClearType should be used. If you use Linux, then the native anti-aliasing should be used instead. Again, it's a clear matter of Firefox-is-not-native-enough.

  3. The downloads dialog: Well, I think Firefox's is much more useful.

  4. Rendering speeds: Have you tried Gran Paradiso lately?

  5. The bug reporter: He's right, Firefox's bug reporter should and will be improved.

  6. The Find dialog: There should be an extension for this; it looks very, very useful. Take a look here to see if this helps a little.

  7. Detachable tabs: No thanks. One window cluttering my desktop is more than enough. Why was tabbed browsing created for anyway? And, if it's really absolutely necessary, that monstruosity called Tab Mix Plus has it anyway.

  8. Draggable Images: Firefox 3 on Linux has this, pretty graphics and all. Not on Windows, though. Must be the version of Cairo.

  9. Resizable Text Areas: You're absolutely right about this too. That what bookmarklets, userscripts and extensions are for.
So, to sum it up: Firefox needs to be more native, and you need to wait for Firefox 3. Nuff said.

Wednesday, July 11, 2007

How to: Make Firefox 3 Alpha 6 (or any pre-release version for that matter) portable

Firefox Portable
Now that Firefox 3 is approaching its beta milestone, more and more people are enthusiastic about trying out its new features. In a previous post, I mentioned some of the novelties Gran Paradiso Alpha 6 offers. Now, I will teach you how to make this new and improved version of Firefox portable so you can run it from a USB flash drive or an iPod on any Windows or Linux-with-Wine computer.

Step 1: Get Firefox Portable


Firefox Portable installer
Go to the PortableApps website and download the current (2.0.0.4) version of Firefox Portable.

Run the installer and extract Firefox Portable to any directory you want, like your flashdrive. For the purposes of this tutorial, this directory will be G:\FirefoxPortable

Step 2: Download and install Firefox pre-release version


This can be Gran Paradiso Alpha 6, or the latest Minefield Nightly Build, or any other version of Firefox that you want.

If you downloaded a Win32 .exe installer, just install it on any folder in your computer, say C:\Program Files\Gran Paradiso.

If you downloaded the Nightly Build in the .zip archive, it's even easier. Just unzip it to the most convenient location you have at hand, like your desktop.

Step 3: Delete Firefox 2 files from Firefox Portable


Go to the place where you installed Firefox Portable (say, G:\FirefoxPortable) and delete every file in the \App\firefox directory. That will leave you with just the Firefox Portable launcher, but no Firefox program.

Step 4: Copy pre-relase files to Firefox Portable


Firefox Portable after Minefield has been copied
Go to the folder where you installed Gran Paradiso or Minefield and copy all the files there to the G:\FirefoxPortable\App\firefox directory (or wherever you installed Firefox Portable).

Step 5: Enjoy!


That's it. Just run the FirefoxPortable.exe launcher now, and after a couple of seconds Gran Paradiso or Minefield should start.

So, to sum it all up...

  1. Download & install Firefox Portable

  2. Download & install Minefield or Gran Paradiso

  3. Replace Firefox 2 files with pre-release files on Firefox Portable


Hope this was helpful, and remember: only use Alpha and pre-Alpha software at your own risk!

Friday, July 6, 2007

Review: First look at Firefox 3 Alpha 6

For those who haven't heard, the new alpha for Firefox 3, Gran Paradiso Alpha 6, was released a few days ago. I've been using Alpha 5 on Linux for a while now, and I can say that it's pretty fast, much faster than Firefox 2. Since Alpha 6 was recently released, I decided to download it and test it out.


If you look at the screenshot, you can see that it's not much different from Firefox 2. That's because most of the changes on Gran Paradiso are not visible by the user.

All but one (Adblock Plus) of my previous extensions were disabled because they were not compatible with this new version. However, as GP enters beta testing and the final version draws near, most developers will upgrade their extensions to work with it. If you just can't wait, there's an extension called Nightly Tester Tools that can force incompatible extensions to work.

There is, however, a new feature in the Addons Manager that will most probably make life easier for extension and theme fans: a permanent "Restart" button. Previously, this button only appeared when you installed new extensions and themes. This way, you can easily disable and re-enable extensions and change themes.

But that's really the only visible change in Firefox 3a6. The rest of the changes are 'under the hood'.

One of them is a new version of SQLite. You've probably heard that Firefox 3 will feature a faster Bookmarks/History/Feeds engine built on this database (know as 'Places'), so a newer version means better performance and new features.

Another simply AWESOME feature it has is that when you change the text size on a webpage (for example, by holding Ctrl and moving the mousewheel), the setting are preserved. The next time you open that webpage, the text size will be the same as you configured it the last time. I've been waiting for this feature for a VERY long time.

There have also been changes to rendering engine to make text look better. If you read lots of Thai pages, for example, the script should be better supported in this version. Also, the Download Manager has been improved somewhat. For the whole list of changes, check out the release notes.

Overall, this version of Firefox, although it is an Alpha still, is extremely stable and very fast. It is certainly NOT Alpha quality; it's more like Release Candidate quality. However, the recommendation is to not use it for other than testing purposes, since it is still in an early step of development and might be prone to lots of serious bugs.

Wednesday, July 4, 2007

How to: Choose the perfect web browser

With the debut of Mozilla Firefox a couple of years ago, Microsoft's attempt to catch up by releasing Internet Explorer 7, and the recent offering of Safari for Windows, the Second Browser War has officially begun. But these three are not the only competitors: There are milliards of web browsers out there, each offering a unique array of features. But with so many options, which one to choose?


Option 1: Internet Explorer 6

The default web browser for Windows XP and currently the most used web browser in the world. It is commonly known that this browser renders pages incorrectly and has lots of security holes that allow malicious software to access your computer.

My recommendation: Avoid it at all costs. Only use it if there is a web site you usually use that only works with this browser. If you are a web developer, use it always for testing purposes, since this is the most used browser.

Option 2: Internet Explorer 7


The default web browser for Windows Vista, although it is also available for Windows XP. It is much better than IE6, but it still lacks many of the features needed for productive browsing, such as a good download manager. However, it is a dramatic improvement from the last version, although it still has some security issues.

My recommendation: Avoid it at all costs. Only use it if there is a web site you usually use that only works with this browser. If you are a web developer, use it always for testing purposes, since this is one of the most used browsers.

Option 3: Mozilla Firefox 2

Possibly the most hyped browser ever, Firefox is probably the best one out there. It's got tabbed browsing, good security, and is cross-platform and open source. It uses the Gecko rendering engine, arguably the fastest out there. But best of all, as I've said before, it's got thousands of extensions. Every possible feature you could think of for a browser, Firefox has got to have it.

The downside of Firefox is its commonly known lags and memory leaks. However, with the development of Firefox 3 and Gecko 1.9 with Cairo rendering, these will certainly decrease.

My recommendation: This is my browser of choice. It's feature-rich and uses the best rendering engine possible. If you like it, by all means use it. If you find it is too slow, find an faster alternative like K-meleon, Camino, or Epiphany. If you are a web developer, use it always for testing purposes, since this is one of the most used browsers.

Option 4: Safari

Safari, the default browser for Mac OSX and recently available for Windows. I haven't used it on Macs, but on Windows it's just awful. The rendering engine, WebCore, is actually pretty good and is open source, based on Konqueror's engine, KHTML. But the actual program is minimalistic and simply doesn't fit Windows right. It's too feature-less for my taste.

My recommendation: If you're a Windows user, save yourself the pain and avoid it at all costs. If you're a Mac user and find that Safari fits you, by all means use it. If not, use Firefox or Camino. If you are a web developer, use it always for testing purposes, since this is one of the most used browsers.

Option 5: Opera


Opera users swear in the name of their browser, so they say. I personally don't use it, but I find it to be a quite fine browser. It's fast, cross-platform, recently free (as in free beer), and has some quite nice features built in. Try it, and see if it fits you.

My recommendation: If you like it and it fits your browsing habits, use it. If you are a web developer, use it always for testing purposes, since this is one of the most used browsers.

Option 6: K-meleon (Windows), Epiphany (Linux with Gnome), or Camino (Mac)

All these three are native browsers built on Gecko. Think of them as a sort of "Firefox Lite". All three are very fast and light of resources. K-meleon is for Windows and I find it to be particularly useful as a portable application to carry on my USB drive (Firefox Portable is just too slow). It is extremely customizable and fast. Epiphany is also very fast, but also light on features. It is the default browser for the Gnome Desktop Environment, used mostly on Linux, and for that reason it is also very simplistic and easy to use. I haven't personally used Camino, but I know that it is a light, native Cocoa application that makes browsing on Macs better than Safari and faster than Firefox.

My recommendation: Use one of these if you find Firefox to be too slow for you, or if you want a browser that blend better with your operating system. If you're a web developer that uses Firefox, you have no need to use any of these, since they all use the Gecko engine.

Option 7: Konqueror

Konqueror is the default browser on KDE. The rendering engine is pretty good and fast, and it's what Safari's is based upon. Konqueror is feature-rich, powerful, and fast. But so many features can sometimes be overwhelming.

My recommendation: If you use KDE and find that Firefox is not fast/native/powerful enough, use this. If you use Gnome, don't use it, it's just too slow; use Firefox or Epiphany instead. If you are a web developer, use it always for testing purposes, since this is one of the most used browsers.

Option 8: Others

There are many other browsers out there. For command-line ninjas, there's Links, for example. There are also variants of the above browsers: Flock, Maxthon, Netscape, and IceWeasel are some. If you find that your current browser slows you down or just doesn't have the one feature you need, look for another one (or an extension to your current browser). There are so many choices that there's bound the be the perfect browser for anyone somewhere.

The Four Best Firefox Extensions

Let's face it: the best, most unique feature the famous Mozilla Firefox browser has is its enormous collection of extensions. Firefox may be slow, lagging, and memory-hogging (especially on Linux), but the only reason I keep using it is because of the many extensions that make web browsing much more fun and productive. These are my all-time top 4.

1. All-in-One Gestures

The ultimate must-have for Firefox in my opinion. The only reason I haven’t switched to other faster browsers like Epiphany is this extension. It’s actually a collection of extensions all packed into one convenient package. I actually don’t use the typical mouse gestures (right-click and drag) but rather a mixture of rocker gestures and scrollwheel navigation. This extension makes browsing so much faster, and best of all, it’s completely custumizable! If you haven’t tried it yet, do so. You won’t regret it.

2. Adblock Plus

This, along with one or two filter subscriptions, will make your browsing experience 99.9% ad-less. It’s just amazing. Removes text ads, image ads, and just about any other annoyance you might find on a webpage.

3. Foxmarks

If you use Firefox on multiple computers, this is EXTREMELY useful. With it, your bookmarks will be the same on any computer you use. I use some 4 different computers, and this is the only way that I can keep everything with me. And, if you have to use a public computer or for some reason you can’t use the extension, you can access your bookmarks online!

4. StumbleUpon

This is definitely NOT a must-have like the other 3, but it is extremely fun to use! It’s very addictive: you can easily press the ’stumble’ button many times in a single minute. It’s the best way to discover new pages related to things you like. It’s got to be the most fun Firefox extension ever.


Sunday, July 1, 2007

How to: Make a Google Notebook button for the Google Toolbar

In my previous post, I discussed making a button for the Google toolbar which links to Google Reader. In this post, I will make a similar button, but for Google Notebook.

This button is much simpler than the last one because Google Notebook doesn’t have any feeds to link to. It’s basically just a link with an image. Google Notebook DOES have a search capability, but I can’t seem to be able to implement it with this button since it’s an Ajax-y search.

Anyway, here is the finished button:

<?xml version="1.0" encoding="utf-8">
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">

<button>

<site>http://google.com/notebook</site>

<title>Google Notebook</title>

<description>Google Notebook</description>

<icon mode="base64" type="image/x-icon">
AAABAAEAEBAQAAAAAABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAMAABILAAASCwAAAAAA
AAAAAADm5ubm5ubm5uY0KQA0KgA0KgA2KwA2KwA2KwA2KwA1KwA0KQA0KQA0KQDm5ubm5ubm5uYy
KQD///////////////////////////////////////9osno/kE0yKQDm5ubm5uYyKQD////Jl1LI
llHHlVDFk07DkUzBj0q+jEe8ikWtezZosnpAkE00KgDm5ua2uK19fnd7fHXPnVjOnFfMmlXLmVTI
llHFk07DkUy/jUiwfjlosnpAkE00KgDm5ub8/PvR0su2uK3Vo17Uol3SoFvQnlnNm1bKmFPHlVDD
kUy0gj1osno+jko3LADm5ubm5uZAMwb////bqWTaqGPYpmHVo17ToVzPnVjLmVTHlVC2hD87j0vR
0stCNQfm5ubm5uZCNQb////hr2rfrWjerGfbqWTYpmHUol3QnlnLmVS5h0KM5OokzelCNQfm5ua2
uK19fnd7fHXntXDmtG/jsWzgrmncqmXYpmHUol3PnVi8ikWM5OokzelGPRXm5ub8/PvR0su2uK3t
u3bruXTpt3Lls27hr2rdq2bYpmHToVy/jUiM5OokzelGPRXm5ubm5uZQQxr////zwXzxv3ruvHfq
uHPls27grmnbqWTWpF/Bj0qL4+okzOhPQhnm5ubm5uZWSiD////3xYD1w37/////////////////
///YpmHDkUwz0OnR0stXSyHm5ua2uK2LjYSCg3v8yoX5×4L+/fz////////////////aqGPFk06k
nuhIPZhcUSnm5ubm5+Pd3ti2uK3/zov8yoX3xYDywHvtu3bntXDhr2rbqWTGlE+lnuhIPZhiWDHm
5ubm5uZlWzT/////z439y4b4xoHzwXzuvHfntXDisGvbqWTHlVClnuhIPZhiWDHm5ubm5ubm5ubt
u3bsunXpt3Lls27hr2rcqmXWpF/Rn1rLmVTFk06noOhIPZloXjXm5ubm5ubm5ubm5uZwZUFwZUFw
ZUFwZUFwZUFwZUFwZUFwZUFwZUFwZUFwZUHm5ubm5ubgA///gAH//4AB//8AAf//AAH//4AB//+A
Af//AAH//wAB//+AAf//gAH//wAB//8AAf//gAH//8AB///gA///
</icon>

</button>

</custombuttons>


Again, just copy that to the text editor and save it in the corresponding folder (C:\Documents and Settings\(your username)\Local Settings\Application Data\Google\Custom Buttons for Windows and /home/(your username)/.google/custombuttons for Linux).

It looks like this:


How to: Make a Google Reader button for the Google Toolbar

I’ve recently fallen in love with Google’s numerous applications — from Google Calendar, to Gmail, to Google Desktop, and now the Google Toolbar. I previously considered it unnecessary clutter to my Firefox configuration, but now that I use so many Google services, it’s become pretty handy. Google maintains a quite large repository of buttons for the toolbar. So I quickly added the buttons for the services I used. But I did not like the Google Reader button at all. First of all, it’s green of all colours when there are no new items in your Google Reader account. Second, there is no drop-down menu like there is for Gmail and Gcal buttons.

So I decided to make my own button.

All the documentation necessary to make buttons is available on Google’s website. Making a button was extremely easy this way.

I extracted the favicon from the Google Reader site to use as the button, and created a second button by editing it with The Gimp, for when I had new unread items. Also, unlike the button available in the gallery, this one has a drop-down menu to see your new items in your feeds. The only downside is that it has to be user-modified to work with your Google Reader items. Also, since Google Reader doesn’t have a search functionality, this button doesn’t search for anything.

Here is the finished code for the button:

<?xml version="1.0" encoding="utf-8">
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">

<button>

<site>http://www.google.com/reader/view</site>
<title>Google Reader</title>
<description>Google Reader RSS Aggregator</description>

<icon>
AAABAAIAEBAAAAAAAABoBQAAJgAAABAQAAAAAAAAaAQAAI4FAAAoAAAAEAAAACAAAAABAAgAAAAA
AEABAAAAAAAAAAAAAAAAAAAAAAAA////AMyinwC7lpMA57i1AP/08wD/9/cA997dAPzRzQD5ycUA
98K9ALyJhAD+7OsA9OnoAPC0rwDorKcAqnh0AMysqQD4urUArYJ+APzZ1gDpxsQA+LOtAKZwawD4
q6QApWhjAPSlngDNmZQA/ubjAPGakwC5eXMAuXRuAP///wD///8A////AP///wD///8A////AP//
/wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////
AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A
////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD/
//8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP//
/wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////
AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A
////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD/
//8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP//
/wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////
AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A
////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD/
//8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP//
/wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////
AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A
////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD/
//8A////AP///wD///8A////ABgYGB0eHh0eHh0dDxgYGBgYGAoZEQMZHBwcHAEWGBgYGBgKCAAA
HAkLFwkGFhgYGBgYCggACxwJABwGCxgQEBgYGAoNHBwZCwAZCwYWCQMQGBoKGREIBgAREQAJGAYL
EBoNChkGAAARGQsADhgGABABBgoNGRkXEQsACRkYAAYQAQcKCQgHCwAACA0ZGAAGGgEJCg4LAAsG
EREREBgACBABEQgSEg8KDxYdDxgABggBAQ0LAAANDQsADQoABggIAQEJEREREQsACAMdBgYGFBAB
BwcGCwALEQMODxAQEBAYAQMLAAAGBwgJAwoYGBgYGBgBAgICAgICAgIYGBgYGBjgD4u8wAdQ4MAH
LADAAQAAwAAA3YAAAAAAAAAAAAAAAAAAAAAAAASwAAAQVAAAEFQAAAACAAEABwAfAACAP4rQKAAA
ABAAAAAgAAAAAQAgAAAAAABABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALl5c/+5dG7/
uXRu/7l5c/+5eXP/uXRu/7l5c/+5eXP/qnh0/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAK2Cfv/0
pZ7/98K9//C0r//0pZ7/8ZqT//Gak//xmpP/8ZqT/8yin/+mcGv/AAAAAAAAAAAAAAAAAAAAAAAA
AAC8iYT//NHN////////////8ZqT//fCvf/+7Ov/+Kuk//nJxf/33t3/pnBr/wAAAAAAAAAAAAAA
AAAAAAAAAAAAvImE//nJxf//9PP//uzr//Gak//5ycX///////Gak//82db/9Ono/6Zwa//MrKn/
zKyp/wAAAAAAAAAAAAAAALyJhP/4s63/8ZqT//Gak//0pZ7//uzr///08//0pZ7//uzr//fe3f+m
cGv/98K9/+nGxP/MrKn/AAAAAM2ZlP+8iYT/9KWe//i6tf/5ycX//ubj///////4urX/+Lq1////
///3wr3/pWhj//fe3f/06ej/zKyp/82ZlP/wtK//vImE//Slnv/+5uP////////08//4urX/9KWe
///08///9PP/6Kyn/6VoY//+5uP///Tz/8ysqf/Mop///NnW/7yJhP/4s63/9KWe//Slnv/4s63/
+Lq1///08///////98K9//Slnv+laGP///Tz//Tp6P/MrKn/zKKf//zRzf+8iYT/98K9//nJxf/8
2db//uzr////////9PP/+cnF//izrf/4q6T/pWhj///////82db/zKKf/8yin//3wr3/vImE/+is
p//+7Ov///Tz//7s6//82db/98K9//i6tf/4urX/zKKf/6Zwa///9/f//NHN/8yin//Mop//+Lq1
//nJxf+tgn7/rYJ+/62Cfv+tgn7/qnh0/6p4dP+qeHT/qnh0/6p4dP///////NnW//nJxf/Mop//
zKKf//izrf/+7Ov////////39//4urX/+LOt//7s6///9PP/+Lq1/7yJhP//9/f/997d//zRzf/5
ycX/zKKf/8yin//3wr3/+Lq1//i6tf/3wr3/+Lq1//7s6///////+cnF//C0r/+tgn7//NnW//zZ
1v/82db/6cbE/8ysqf/Mop///NHN//zRzf/33t3//uzr///////06ej/98K9//C0r//orKf/qnh0
/8ysqf/MrKn/zKyp/8ysqf8AAAAAzKKf/+e4tf//9PP///f3///08//33t3//NHN//nJxf/3wr3/
57i1/7yJhP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMop//u5aT/7uWk/+7lpP/u5aT/7uWk/+7
lpP/u5aT/7uWk/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgD4u8wAdQ4MAHLADAAQAAwAAA3YAA
AAAAAAAAAAAAAAAAAAAAAASwAAAQVAAAEFQAAAACAAEABwAfAACAP4rQ
</icon>

<feed refresh-interval="300">
<!–Insert your GReader feed here!!–>
</feed>

<feed-icon>
AAABAAEAEBAAAAEACABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAACDLzsAijdDAI07RwCOPEgAkD9LAJVHUgCbT1oApV5oAKljbQCsaHIArmx1ALR1fgC2eYIA
uX2FAL+HjwDBi5MAxZGYAMucogDMnqQA0KSqANavtQDdvcIA4cTIAOfQ1ADp09YA7NrdAPPn6QD3
7/AA/Pn6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAHR0dBAICBAQCBAQDHR0dHR0dBQsRDgsJCQkJCgEdHR0dHQYUHBwJERkNExYBHR0dHR0GExoZ
CRMcCRUYAQwMHR0dBg4JCQsZGgsZFgEREgwdCAYLEBMXHBAQHBEAFhgMCA4GCxccGhALGhoNABca
DAoVBg4LCw4QGhwRCwAaGAwKFAYRExUZHBoTDg0AHBUKChEGDRkaGRUREBAKARsUCgoQEwUFBQUD
AwMDAxwVEwoKDhkcGxAOGRoQBhsWFBMKChEQEBEQGRwTDgUVFRUSDAoUFBYZHBgRDg0DDAwMDB0K
DxobGhYUExEPBh0dHR0dHQoHBwcHBwcHBx0dHR0dHeAPAADABwAAwAcAAMABAADAAAAAgAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAB8AAIA/AAA=
</feed-icon>

</button>

</custombuttons>


That’s it. Copy that to a text editor (eg. Notepad). All you need to do now is put your Google Reader reading list feed where the red text is. To find your feed, go to the Google Reader site and click on the RSS button next to the address bar:


Now copy what’s in the address bar to where the red text is, and save the file as google-reader-button.xml in the custom buttons folder. In Windows XP, this is located under C:\Documents and Settings\(your username)\Local Settings\Application Data\Google\Custom Buttons. In Linux, this is in /home/(your username)/.google/custombuttons.

So, there it is. The finished button looks like this: