HowTo Open Edge or Browser to a Fast, Quiet, Custom, Reliable Home Page of Your Own

Discussion in 'Windows 10 Forum' started by sharpuser, Nov 6, 2015.

  1. sharpuser

    sharpuser Super Moderator Staff Member

    Joined:
    Aug 20, 2013
    Messages:
    2,847
    Likes Received:
    1,029
    Trophy Points:
    113
    Location:
    Pacific Northwest & China
    My Device:
    Surface Book
    KEEP IT SIMPLE AND LOCAL - MAKE YOUR OWN HOME PAGE FOR EDGE BROWSER

    Open Edge or Browser to a Fast, Quiet, Custom, Reliable Home Page of Your Own
    When opening Edge Browser to the built-in "Start" page, a different Bing background every day, or some other portal or news page, it is sometimes a distraction to me. It can cause unwelcome distraction from others, too, such as in the workplace, in a cafe, or on a flight,where current news stories or weather or video ads or stock prices or Bing pictures might cause others to get nosy about what I am doing on my PC.

    I might simply want a pre-determined background and a search bar. I can always keep the "Start" or other page associated with the little "home" icon at the top, and click it if I want.

    So I desired to make a simple, real home page of my own.
    Here's what Edge Browser looks like for me when I launch it:

    Screenshot (27).png

    Screenshot (28).png

    I did this by making my own .html file in a folder, and storing the background graphic file with it in that same folder. You only have to do this once.

    Here's how you can do similar:

    1) Create a folder somewhere on your local PC. I wanted my page to be available for any of my PC or MacBook devices, so I chose to place my folder on the OneDrive cloud at
    Code:
    C:\Users\--youraccount--\OneDrive\HomePage
    Substitute your own user accou where I show --youraccount--.

    2) Click Search and type Notepad

    3) Type the following barebones code into Notepad. Change the highlighted graphic name to the file you want to use as your background. In my case, I renamed a nice .jpg world map to be "MyHomePageBackground". If you wish to use Bing for your searches, you can specify "bing.com" rather than "google.com" in the text. You may likewise change the string "Google Search" to reflect Bing.

    Screenshot (24).png

    Code:
    <html>
    <head>
    <style type="text/css">
    <!--
    body {
    background-image: url(MyHomePageBackground.jpg);
    no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    }
    -->
    </style>
    <title>Home</title>
    </head>
    <body>
    <!-- Use of this code assumes agreement with the Google Custom Search Terms of Service. -->
    <!-- The terms of service are available at http://www.google.com//cse/docs/tos.html -->
    <form method="get" action="https://www.google.com/search">
    <input type="text" name="q" size="31" value=""> Search
    </form>
    <script type="text/javascript" src="https%3A%2F%2Fcse.google.com%2Fcse/tools/onthefly?form=searchbox_demo&lang="></script>
    </html>
    4) Save As, into your new folder from step 1) above. Name the file HomePage.html , and be sure to "Save as type" all files.

    Screenshot (23).png

    5) Put your graphic file into that same folder. Give it the name you specified in step 3) above.
    oose filetype "Paste the following text. Modify the graphic filename (with the name of the file you will be using.

    6) Start Edge Browser, choose Settings, and choose Open with, A specific page or pages, Custom, and paste in the full path and filename to your .html file. Also note that you begin the path name with "file:///". For example, I pasted in:
    Code:
    file:///C:\Users\doug\OneDrive\HomePage\HomePage.html
    Be sure to press the "+" sign to the right of the entry to finish.
    Screenshot (26).png

    You are done!

    Because OneDrive works nicely with all my MacBook computers, the same home page shows up with Safari on those machines. I can modify it from any machine, and all my browser home pages sync. The .html code I supplied is compliant with all browsers. You may, of course, add items, change items, and tweak it to your own liking. If you mess it up, come back here for the pristine code.
     
    Last edited: Jul 22, 2016
    kekos, vxm, Metalman and 2 others like this.
  2. leeshor

    leeshor Well-Known Member

    Joined:
    Jun 19, 2012
    Messages:
    5,071
    Likes Received:
    877
    Trophy Points:
    113
    Location:
    Norcross, GA
    My Device:
    SPro4
    NICE! Modded your title..
     
    sharpuser likes this.
  3. ScottyS

    ScottyS Active Member

    Joined:
    Apr 14, 2013
    Messages:
    672
    Likes Received:
    116
    Trophy Points:
    43
    Location:
    New York
    My Device:
    SPro3
    This is so cool.

    upload_2015-11-6_23-24-38.png

    I modified it to use Bing.com.
    Might add links to my most often used sites and not have to use Edge's awful Favorites list.
     
    leeshor likes this.
  4. sharpuser

    sharpuser Super Moderator Staff Member

    Joined:
    Aug 20, 2013
    Messages:
    2,847
    Likes Received:
    1,029
    Trophy Points:
    113
    Location:
    Pacific Northwest & China
    My Device:
    Surface Book
    Wonderful. Nice job.
    A refreshingly clean page.
     
  5. Wayne Orwig

    Wayne Orwig Active Member

    Joined:
    Mar 18, 2013
    Messages:
    332
    Likes Received:
    43
    Trophy Points:
    28
    Great idea. I may add some of my main shortcuts to it, yet try to keep it clean.
    I think there should be a </form> just ahead of the </body>.


    [​IMG]
     
  6. vxm

    vxm Active Member

    Joined:
    Jan 31, 2015
    Messages:
    136
    Likes Received:
    63
    Trophy Points:
    28
    Location:
    Warsaw, PL
    My Device:
    SPro3
    sharpuser likes this.
  7. sharpuser

    sharpuser Super Moderator Staff Member

    Joined:
    Aug 20, 2013
    Messages:
    2,847
    Likes Received:
    1,029
    Trophy Points:
    113
    Location:
    Pacific Northwest & China
    My Device:
    Surface Book
    I deliberately made this page barebones, leaving out elements when possible, but not so many that browsers fail. Of course, one may start adding links and images and other content, but that would defeat the intent of this thread.


    HOW TO BRING THE SEARCH BOX DOWNWARDS ON THE PAGE
    If you want to lower the search box, insert "<br>" (new line / break) as many times as desired just after the "<body> and before the <form>"

    HOW TO AUTOMATICALLY MAKE YOUR HOME PAGE BACKGROUND THE SAME AS DESKTOP
    To have your background image automatically show the same image that the desktop shows, alter the .html file to point to
    Code:
    file:///C:/Users/
    Specify this highlighted string to always make your portal match the desktop background image.
    (Change 'doug' to your own account name)

    Screenshot (64).png

    Here how that might look:

    -

    Screenshot (38).png

    Screenshot (37).png



    Screenshot (39).png


    Screenshot (40).png



    By the way, a few days ago someone saw my home page and asked me where I found such a simple portal. That prompted me to share with others.
     
  8. Matt

    Matt Member

    Joined:
    Nov 19, 2012
    Messages:
    100
    Likes Received:
    8
    Trophy Points:
    18
    This is really cool!

    One quick question - is it possible to have the cursor automatically in the search box?
     
  9. GreyFox7

    GreyFox7 Super Moderator Staff Member

    Joined:
    Jul 27, 2014
    Messages:
    6,331
    Likes Received:
    1,279
    Trophy Points:
    113
    untitled (2).png untitled.png untitled (3).png
    No, No, No.
     
    sharpuser likes this.
  10. sharpuser

    sharpuser Super Moderator Staff Member

    Joined:
    Aug 20, 2013
    Messages:
    2,847
    Likes Received:
    1,029
    Trophy Points:
    113
    Location:
    Pacific Northwest & China
    My Device:
    Surface Book
    Bumping this thread for the benefit of new members.
    Works very well with Windows 10, Edge, Chrome ...
     
  11. Compusmurf

    Compusmurf Active Member

    Joined:
    May 8, 2014
    Messages:
    488
    Likes Received:
    133
    Trophy Points:
    43
    Location:
    Odessa, FL
    My Device:
    SPro4
    Sharp, can you share your file. Seems like the previous share file is gone.
     
  12. sharpuser

    sharpuser Super Moderator Staff Member

    Joined:
    Aug 20, 2013
    Messages:
    2,847
    Likes Received:
    1,029
    Trophy Points:
    113
    Location:
    Pacific Northwest & China
    My Device:
    Surface Book
    Text now provided in the original post.
     

Share This Page

Search tags for this page
create home page in edge
,
custom home page for edge browser
,

open edge to home page