SEARCH

How-To Geek

Enjoy How-To Geek User Style Script Goodness

Most people may not be aware of it but there are two user style scripts that have been created just for use with the How-To Geek website. If you are curious then join us as we look at these two scripts at work.

Note: User Style Scripts & User Scripts can be added to most browsers but we are using Firefox for our examples here.

The How-to Geek Wide User Style Script

The first of the two scripts affects the viewing width of the website’s news content. Here you can see everything set at the normal width.

htg-style-scripts-01

When you visit the UserStyles website you will be able to view basic information about the script and see the code itself if desired.

htg-style-scripts-02

On the right side of the page is the good part though. Since we are using Firefox with Greasemonkey installed we chose the the “install as a user script option”. Notice that the script is available for other browsers as well (very nice!)

htg-style-scripts-03

Within a few moments of clicking on the “install as a user script button” you will see the following window asking confirmation for installing the script.

htg-style-scripts-04

After installing the user style script and refreshing the page it has now stretched out to fill 90% of the browser window’s area. Definitely nice!

htg-style-scripts-05

The How-To Geek – News and Comments (600px) User Style Script

The second script can be very useful for anyone with the limited screen real-estate of a netbook. You can see another of the articles from here at the site viewed in a  “normal mode”.

htg-style-scripts-06

Once again you can view basic information about this particular user style script and view the code if desired.

htg-style-scripts-07

As above we have the Firefox/Greasemonkey combination at work so we installed as a user script.

htg-style-scripts-08

This is one of the great things about using Greasemonkey…it always checks with you to make certain that no unauthorized scripts are added.

htg-style-scripts-09

Once the script was installed and we refreshed the page things looked very very different. All the focus has been placed on the article itself and any comments attached to the article.

htg-style-scripts-10

For those who may be curious this is what the homepage looks like using this script.

htg-style-scripts-11

Conclusion

If you have been wanting to add a little bit of “viewing spice” to your browser for the How-To Geek website then definitely pop over to the User Styles website and give these two scripts a try.

Using Opera Browser? See our how-to for adding user scripts to Opera here.

Links

Install the How-to Geek Wide User Style Script

Install the How-To Geek – News and Comments (600px) User Style Script

Download the Greasemonkey extension for Firefox (Mozilla Add-ons)

Download the Stylish extension for Firefox (Mozilla Add-ons)

Akemi Iwaya (Asian Angel) is our very own Firefox Fangirl who enjoys working with multiple browsers and loves 'old school' role-playing games. Visit her on Twitter and .

  • Published 04/7/10

Comments (1)

  1. Lucky Man

    I was wondering you make a tutorial how to make on your own for your own website or other sites the way you want it? I need to create one so I can share with others like you did this site is pretty impression.

Enter Your Email Here to Get Access for Free:

Go check your email!