Monday, December 5, 2011

Customize your Browser Home Page to Look like Windows 8

Bored looking at the same default home page whenever your browser starts? Then try "EIGHT", a browser start screen inspired from Windows 8's tiled interface. It is basically a web page created using HTML, CSS and jQuery. It shows website shortcuts as tiles which when clicked open the associated URLs. It's also got a search bar right in the page itself.



Not only EIGHT looks awesome, it is customizable too. You can replace the shortcuts with your own favorite sites, you can change the default search engine, you can customize the background color and you can even use a wallpaper as background. EIGHT is compatible with all the major browsers (Firefox, Chrome, Opera, Internet Explorer).

To use it, first download the ZIP file from here and extract the folder contained in it somewhere on your hard drive. Navigate to the folder (usually named "EIGHT-firefox start page+config") and open the “index.htm” with your preferred web browser. Close all other opened tabs before you continue.

Mozilla Firefox Users : Click on the orange Firefox button and choose "Options". Under the "General" tab select “Show my home page” from “When Firefox starts“ and click the "Use Current Pages" button. Press [enter].




Google Chrome Users : Copy the URL from the address bar. Click on the "wrench" button and select "Options". Choose "Open the following pages:" under "On startup" and in the "New tab" field paste the URL you copied earlier. Also, select "Open this page" from "Home page" and paste the same URL in its field. Close the tab and reload.


Other Browser Users : Follow similar steps as mentioned above.


Customizing EIGHT :

To customize EIGHT, again navigate to "EIGHT-firefox start page+config" and run "config.htm". Modify the shortcuts and texts as per your preference and click "Generate settings file". Copy the entire code. Now open "source.js" (also present in "EIGHT-firefox start page+config" folder) with notepad, replace the original texts with the copied text. Save the file.

Note : If you wish to change any pre-defined website shortcut with a new one, first paste the website logo in the "thumbs" folder. Now run "config.htm", click on the shortcut tile you wish to replace and provide title and URL of the website along with the name of the website logo.

You can find thumbnails icons here : Thumbnails for "EIGHT" by ~jeppethe

Check this link if you want to change the background color or want to use your own wallpaper as background.

Also Check :
 

1 comment:

  1. This refers to your program about browser customization to make the start page resemble Windows 8.

    This statement confuses me.

    Note : If you wish to change any pre-defined website shortcut with a new one, first paste the website logo in the "thumbs" folder. Now run "config.htm", click on the shortcut tile you wish to replace and provide title and URL of the website along with the name of the website logo.

    How do I paste to the thumbs folder? The standard paste commands do not seem to work.

    Please respond to

    donna.ralph@gmail.com

    Thank you.

    Ralph Yoas

    ReplyDelete

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.