You’re reading all articles tagged 'googlereader'

gReader 1.4 - 'The my goodness I almost gave up on this one' release

17 Jan 2008

Updating the gReader theme to work with the new Friends Shared Items feature introduced last year, has been, quite frankly, a royal pain the arse. I almost gave up on the theme a few times along the way, but I’m chuffed to be able to say, here’s the updated theme! I don’t doubt that this has introduced new bugs, but let me off the hook for now eh?

Google Reader theme - new sidebar

Changes for 1.4

Download gReader.zip | Update on userstyles.org | How to Install


gReader 1.31

06 Dec 2007

This is just a small update to the theme to fix the oddness that’s cropped up recently in the top of the sidebar.

Download gReader.zip | Update on userstyles.org | How to Install


gReader 1.3: "Straight outta beta" release

29 Sep 2007

A lot of wierdness since Google Reader went 1.0, and fixing it has given me some headaches. However, its cleaned up again!

1.3 “Straight outta beta” release

Download gReader.zip | Update on userstyles.org | How to Install


gReader theme in Safari 3

15 Sep 2007

Many thanks to Alexander Atallah for pointing out how to get the gReader theme working in Safari 3 again.

Forget SafariStand, and go get yourself CreamMonkey, the Greasemonkey style plugin for Safari. Once installed, you will see a smiley in your menubar, then when you visit these 2 pages on userstyles:

OS X Style Google Reader

OS X Spinner for Google Reader

You will see a ‘Load as User Script’ button. Click this, and then ‘install’ when the sheet appears. You’ll then just need to refresh gReader.

It not only works in Safari 3, but it also only applies it to that URL, just like in Mozilla! So you shouldn’t be getting the style affecting other Google pages.

Download gReader.zip | Update on userstyles.org | How to Install


gReader 1.2: The "Yes, yes, yes, I know they added a search bar" release

11 Sep 2007

The “Yes, yes, yes, I know they added a search bar” release

Here we go then, pretty much all cleaned up and ready to use! Apart from the tidying up, having the search bar meant there was space to show the account bar (which was previously hidden until you hovered over it). Also, the splitter icon in the status bar bottom right now actually toggles the sidebar when you click it!

New search bar in the google reader theme

The info.rtf file also lists known bugs, and areas that I intend to work on in the future. Stylish users, you will need to update both the main style and the spinner.

Changes for 1.2

Download gReader.zip | Update on userstyles.org | How to Install


Yes, yes, yes I know the Google Reader theme is broken

08 Sep 2007

Yes I know they added a search bar, and the that the header is real mess right now. I use it too remember?! So you can all stop emailing me about it, and when I get a chance I will see if I can update it!

K? ;o)


How to install the gReader theme

01 Sep 2007

There are 2 versions, one for Mozilla browsers and one for WebKit & Opera.

Firefox & Flock

Once you have the Stylish extension installed, you can do install the following 2 themes into Stylish:

OS X Style Google Reader

OS X Spinner for Google Reader

As userstyles.org restricts the file sizes of themes, the gReader css needed to be split over 2 themes. Once installed, you can update the theme in Stylish by going to Manage Styles > Find Updates.

If you normally view google through a domain other than .com (e.g google.it/…), you will need to change the @-moz-document source code at the top.

Camino

Add the following @import rule into the top line of your /Library/Application Support/Camino/chrome/userContent.css file, (or create it if it doesn’t exist).

@import url(greader.css);

Place the greader.css file in the same chrome folder. The theme will be applied when you restart Camino.

Safari

The best method on Tiger is to install CreamMonkey, the Greasemonkey style plugin for Safari. Once installed, you will see a smiley in your menubar, then when you visit these 2 pages on userstyles:

OS X Style Google Reader

OS X Spinner for Google Reader

You will see a ‘Load as User Script’ button. Click this, and then ‘install’ when the sheet appears. You’ll then just need to refresh gReader.

If you’re on Leopard, you’re better off using Safaristand and Pith Helmet to apply the custom css.

Be aware that SafariBlock may cause issues with the loading of the css – try disabling SafariBlock if you experience problems.

Omniweb

In Site Preferences > Page Appearance, choose the greader.css file under ‘Style Sheet’. The change should happen instantly!

Opera

Put the greader.css file anywhere you like! Right-click on the Google Reader page, choose "Edit Site Preferences" and select the CSS file through the display tab, under ‘My Style Sheet’. Like Omniweb, the change should apply immediately.


Google Reader Theme 1.1

17 Aug 2007

Because of some updated in Google Reader over the last few weeks, the theme has started to deteriorate a bit. Therefore I present:

v1.1 The “Oh crap, Google keep changing their markup!’ release

The next release will probably be called the “Bloody hell, I’m fed up of all those nested tables” release…

Download gReader.zip | Update on userstyles.org | How to Install


Google Reader Theme 0.9

14 May 2007

Almost there!

v0.9 ‘The Newbury’

Installation

Download gReader.zip, or if you use Stylish with Firefox/Flock, you install directly into Stylish from userstyles.org. There are 2 versions, one for Mozilla browsers and one for WebKit & Opera.

Firefox & Flock

Once you have the Stylish extension installed, you need to install 2 styles. OS X Google Reader and OS X Spinner (they had to be split to avoid the 64k file limit on userstyles). You should be able to update via Stylish > Manage Styles > Find Updates.

If you don’t want to use Stylish, follow the Camino method below.

Camino

Add the following @import rule into the top line of your /Library/Application Support/Camino/chrome/userContent.css file, (or create it if it doesn’t exist).

@import url(greader.css);

Place the greader.css file in the same chrome folder. The theme will be applied when you restart Camino.

Safari

Once Safaristand is installed, place the greader.css file in your user/Library/Safari/Stand/UserStyleSheets folder. Then visit Google Reader, go to SafariStand > Settings > Site Alteration. Add the site, enable Site Alteration and choose the greader file from the list. Make sure the matching pattern is just www.google.com. You may have to empty your cache, restart Safari and refresh before seeing any changes!

Omniweb

In Site Preferences > Page Appearance, choose the greader.css file under ‘Style Sheet’. The change should happen instantly!

Opera

Put the greader.css file anywhere you like! Right-click on the Google Reader page, choose "Edit Site Preferences" and select the CSS file through the display tab, under ‘My Style Sheet’. Like Omniweb, the change should apply immediately.


Google Reader Theme Fixed Again

03 May 2007

OK, gReader theme fixed (I think). Google made some markup changes, for instance, Tag folders and Subscription icons once had classes of ‘icon’ and ‘icon-sub’ respectively, but now are both just ‘icon’. Fortunately there are still hooks in the markup to hack into.

v 0.86 ‘The Windermere’

*In order to do this, I’ve had to remove the big-assed loading graphic from the CSS in order to get in under userstyles file limit. I’ll look at ways of getting that back in later.

Further work on the display of entries still to come…

Installation

Download gReader.zip., or if you use Stylish with Firefox/Flock, install at Userstyles.org. There are 2 versions, one for Mozilla browsers and one for WebKit & Opera.

Firefox & Flock

Once you have the Stylish extension installed, you can do a One click install into Stylish at Userstyles.org. If you don’t want to use Stylish, follow the Camino method below.

Camino

Add the following @import rule into the top line of your /Library/Application Support/Camino/chrome/userContent.css file, (or create it if it doesn’t exist).

@import url(greader.css);

Place the greader.css file in the same chrome folder. The theme will be applied when you restart Camino.

Safari

Once Safaristand is installed, place the greader.css file in your user/Library/Safari/Stand/UserStyleSheets folder. Then visit Google Reader, go to SafariStand > Settings > Site Alteration. Add the site, enable Site Alteration and choose the greader file from the list. Make sure the matching pattern is just www.google.com. You may have to empty your cache, restart Safari and refresh before seeing any changes!

Omniweb

In Site Preferences > Page Appearance, choose the greader.css file under ‘Style Sheet’. The change should happen instantly!

Opera

Put the greader.css file anywhere you like! Right-click on the Google Reader page, choose "Edit Site Preferences" and select the CSS file through the display tab, under ‘My Style Sheet’. Like Omniweb, the change should apply immediately.


Google Reader broken already

02 May 2007

It seems that Google changed some gReader markup last night! There was me, thinking that I could now concentrate on getting the entries display up to scratch, and now the feed folders and others have shifted. It’s to be expected though, and this is part of the problem of a skinning a site.

I’ll try and fix these few bits too soon as work allows.


Google Reader Theme update

29 Apr 2007

Here’s an update to the Google Reader theme, mostly positioning bug fixes (see below for more information). Feel free to modify the CSS to suit your own tastes, but be aware that ‘highlighting the current selected entry better’ is still ‘on the way’. In some ways I find the Google method of a big rounded box outline a little too much, so I’m playing with some options… when I get time!

Also, I’ve been using CSS Edit 2.5 more for these changes – the recent update is even more suited to site skinning than before. Recommended.

Finally – a word on getting this theme onto userstyles.org, so that Stylish users can update easier: I have been trying to do this, but the theme currently clocks in at 76k, 12k over the userstyles limit! I need to look at optimising the code to get it work :(

Which does lead to a warning – this theme may well slow down your Google Reader experience.

Changes in this update:

Installation

Download gReader.zip. There are 2 versions, one for Mozilla browsers and one for WebKit & Opera.

Firefox

Once you have the Stylish extension installed, just copy and paste the css into the ‘create styles for this page’ window. If you don’t want to use Stylish, follow the Camino method below.

Camino

In Camino, either paste this into your /Library/Application Support/Camino/chrome/userContent.css file, or if that file doesn’t exist, rename the greader.css file to be userContent.css. The theme will be applied when you restart Camino.

Safari

Once Safaristand is installed, place the greader.css file in your user/Library/Safari/Stand/UserStyleSheets folder. Then visit Google Reader, go to SafariStand > Settings > Site Alteration. Add the site, enable Site Alteration and choose the greader file from the list. Make sure the matching pattern is just www.google.com. You may have to empty your cache, restart Safari and refresh before seeing any changes!

Omniweb

In Site Preferences > Page Appearance, choose the greader.css file under ‘Style Sheet’. The change should happen instantly!

Opera

Put the greader.css file anywhere you like! Right-click on the Google Reader page, choose "Edit Site Preferences" and select the CSS file through the display tab, under ‘My Style Sheet’. Like Omniweb, the change should apply immediately.

Have you found this theme enhances your life beyond all telling?

Please consider donating some spare change to the Hicksdesign Cheese Fund.


Google Reader Theme

17 Apr 2007

I’ve been using Flickr as a bit of testbed for a new site theme I’ve been working on for Google Reader. C’mon after the Bloglines thing, I bet you saw it coming didn’t you?!


Same drill again then. There may well be oddness and inconsistencies, and Google may well make radical changes to the Reader’s markup tomorrow, mucking the whole show up. But for what it’s worth, here it is! Its not trying to be original or ‘better’ than the default theme, it’s just trying to make it look like a Mac OS X app – that’s all I want!

Actually, while this may create bugs, it actually solves a bug that I was seeing in WebKit browsers with the default css. When scrolling, some sidebar elements would annoyingly bounce up and down. Not any more!

The download includes a list of known bugs/todos. If you seen anything not on this list, please leave a comment! I’ll update this page when I upload newer versions of the theme.

Changes

17/4/07 – Fixed 2 bugs that were annoying most people: I’ve reinstated feed list highlighting and pressing U now shows the entries list full width

Installation

Download gReader.zip. There are 2 versions, one for Mozilla browsers and one for WebKit & Opera.

Firefox

Once you have the Stylish extension installed, just copy and paste the css into the ‘create styles for this page’ window.

Camino

In Camino, either paste this into your /Library/Application Support/Camino/chrome/userContent.css file, or if that file doesn’t exist, rename the greader.css file to be userContent.css. The theme will be applied when you restart Camino.

Safari

Once Safaristand is installed, place the greader.css file in your user/Library/Safari/Stand/UserStyleSheets folder. Then visit Google Reader, go to SafariStand > Settings > Site Alteration. Add the site, enable Site Alteration and choose the greader file from the list. Make sure the matching pattern is just www.google.com. You may have to empty your cache, restart Safari and refresh before seeing any changes!

Omniweb

In Site Preferences > Page Appearance, choose the greader.css file under ‘Style Sheet’. The change should happen instantly!

Opera

Put the greader.css file anywhere you like! Right-click on the Google Reader page, choose "Edit Site Preferences" and select the CSS file through the display tab, under ‘My Style Sheet’. Like Omniweb, the change should apply immediately.

Have you found this theme enhances your life beyond all telling?

Please consider donating some spare change to the Hicksdesign Cheese Fund:


Instagram Hickstagram

  • 21 Oct 2018

    Common Darter Dragonfly

  • 20 Oct 2018

    Inktober Day 20: quick doodle without planning in pencil or looking at reference, which is usually a bad idea. Your turn @hicksmade! #inktober #inktober2018 #leighandjondoinktober

  • 20 Oct 2018

    Morning dog walk. Even the wheelie bins looked good in this light

  • 20 Oct 2018

    Inktober Day 19. Following @hicksmade’s marshmallows with more marshmallows 🤪 #inktober #inktober2018 #leighandjondoinktober #ghostbusters #staypuft

  • 18 Oct 2018

    Inktober Day 18. When @hicksmade did a prawn I was sure she was setting me up to do cocktails! #inktober #inktober2018 #leighandjondoinktober #cocktails

  • 18 Oct 2018

  • 18 Oct 2018

  • 18 Oct 2018

    Inktober day 17 . @hicksmade’s pen led me onto squid and their ink shooting abilities. I also found out that a part of the squids anatomy is called a ‘pen’. #inktober #inktober2018 #ink #leighandjondoinktober

  • 16 Oct 2018

    Inktober day 16 “The Pilot” - a response to @hicksmade’s barber shop poster. Experimenting with a different style on this one #inktober #inktober2018 #leighandjondoinktober #pilot

  • 15 Oct 2018

    Inktober Day 15. @hicksmade’s staircase led me to this. There must be a hairdressers somewhere called this? #inktober #inktober2018 #leighandjondoinktober #hairwaytosteven

Contact us

Call Jon on +44 (0)7917 391536, email or tweet @hicksdesign.

Alternatively, pop in for tea and cake at the studio…

Hicks
Wenrisc House
Meadow Court
Witney, OX28 6ER
United Kingdom