Don’t Like The New Facebook Newsfeed? Change It

Facebook launched some major changes to it’s Newsfeed in the past week, in preparation for their upcoming developers conference, and as usual, many people are frustrated. Normally I’m not one of them. I try to embrace the new changes because there’s not much that can be done to change them. This time however, the change really frustrates me. I don’t like Facebook’s algorithms deciding which of my friends are important and which aren’t, I want to see the entire Newsfeed with all status updates.

So, while I’ve been covering Facebook’s design changes for a while, this time I’m going to go a little further and show you how to change back. Note, I’m not covering how to change the chat box back, because I haven’t been changed over to the new version with minifeed yet, so I can’t play with it. This is just for the main Newsfeed. Also, it’s only for Firefox and Chrome, IE doesn’t support addons.

So, how do we set the Newsfeed back? There are really two methods. Webpages are built with HTML, CSS, and JavaScript, at the basic level. There are hosts of more advanced technologies, but these three basic ones are what we’re going to deal with. HTML defines what is on the page, CSS defines how it looks, and JavaScript makes it interactive.

The idea for editing a webpage is to use your own CSS or JavaScript to override what the site is suppose to use, to change how it looks for you. In our case, we want to find a specific element on the page, and hide it.

In CNet’s article, they offered a method using Greasemonkey, which is a Firefox/Chrome addon that lets you place your own JavaScript to hide things. I don’t like this method because the elements are are hidden still appear when the page loads. They are there for a flash and then disappear. I’m going to use Stylish, which is another Firefox/Chrome addon. Instead of loading your own JavaScript, it lets you add your own CSS. This is instant when the page loads, so there’s no flash of the default page.

The first thing you need to do then, is add Stylish to your browser. (There are instructions on the Stylish link above) Once that’s done, you can go to the Stylish database, where I have added it. Click Install with Stylish, and it will be added.

Learn more the author of this post:

Andy Mercer
Andy Mercer is an undergraduate Civil Engineering student at Purdue University. Currently employed by ITaP (Information Technology at Purdue), he is interested in web design and programming. In his spare time he enjoys killing zombies and playing his 360.