Teaching With Technology Certificate Hub

In this session, we will explore some basic options to change the color scheme and home page photo of the portfolio. To complete this step, you should have created the portfolio blog

Change Color Scheme

You can change the color scheme of your portfolio with the Styles option in the Design menu. The most up to date instructions are at http://kb.its.psu.edu/psu-all/hd/select-blog-styles-colors-fonts/

1. Log in to http://blogs.psu.edu and enter your blog (white tab on upper right).
2. In the Design menu on top, select Styles.
3. In the next window, select the Professional Website option. A series of templates will load.
4. Select Professional template with the most appealing color on the top bar.
5. Click Apply Design.
6. To test the design, click the view blog button (document icon), then Press Shift+Control+R (Windows) or Command+Shift+R (Mac) to load the new style into your browser.

Change Home Page Photo

For this section, you need a image that is ideally 905 pixels wide by 170 pixels tall. If you use a smaller image, you will see a large portion of white space. The image can be a GIF, JPG or PNG format.

Some Penn State theme portfolio images are available at http://ets.tlt.psu.edu/twt/portfolioheaders

1. Log in and enter your blog.
2. In the Create menu, select Upload File. Browse and select an image file.
3. Make sure the Upload Destination is set to <Site Root>.
4. Click the Upload button.
5. In the next File Options window, enter "@banner" into the Tags field. This identifies the image as the new header image.
6. Uncheck the option for "Create new entry using this uploaded file."
7. Click the Finish button.
8. Click the Publish button (circular arrow icon) to rebuild your blog.

9. To test the design, click the view blog button (document icon). If necessary, press Press Shift+Control+R (Windows) or Command+Shift+R (Mac) to reload the page into your browser.

For a video screencast of the process, see the ITS Knowledge Base.