How to make a custom YouTube home page that looks like Google

Posted on August 30th, 2011

Are you tired of the bulky YouTube homepage that just displays a load of crappy videos, well I was so I decided to simplify the home page myself so that it is minimalistic like the Google Homepage. Here’s how. (Screenshots below)

The following steps will:

Remove your Youtube Activity feed, recommended videos, and the rest of the home page bullshit.

Only affect the youtube home page

What you need:

Plugins/ Addons Userstyles and Greasemonkey

Once you have the requirements all you have to do is install these two scripts, one a userstyle and the other a greasemonkey script.

Below is the code for the scripts and the download links

youtube_like_google.user.js – Download and Install: youtube_like_google.user.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

/*
Youtube Like Google Script by Ronald A. Richardson
www.ronaldarichardson.com
20110830
*/
if(document.URL.search("youtube.com") != -1){
if(window.location.pathname!="/")
{
document.getElementById("content-container").style.display = "inline";
document.getElementById("footer-container").style.display = "inline";
document.getElementById("masthead-container").style.visibility = "visible";
document.getElementById("masthead-container").style.top = "0px";
document.getElementById("masthead-sections").style.display = "inline";
}
}

youtube_like_google.user.css – Download: youtube_like_google.user.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

@-moz-document url('http://www.youtube.com/') {
/*
the code in here only apply to:
-youtube homepage
*/
}

#content-container
{
display: none;
}

#footer-container
{
display: none;
}

#masthead-container
{
position: relative;
top:200px;
visibility:hidden;
}

#masthead
{
visibility:visible;
}

#masthead-sections
{
display:none;
}

How to make a custom YouTube home page that looks like Google

Leave a Reply