Skills: create, modify and post to a blogConcepts: tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile, independence of content and appearance

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Blog development and user interfaces

Where does this topic fit?

• Internet concepts– Applications– Technology– Implications

• Internet skills– Application development– Content creation– User skills

Login or create an account

Choose a title and an address

This blog’s URL will be: http://standardblogformat.blogspot.com

Tabbed navigation scheme

Blogger.com has a tabbed user interface

Select a template

1

2

Select a layout1 2

A wire-frame diagram

Header

Footer

Post body Ancillaryinformation

Create a new post

Create a post

Changing page elements

The Page Elements display

Label gadget property sheet

Profile gadget property sheet

User profile

Adding gadgets

The Blogger dashboard

Other tabs

Editing shortcuts

Same contentDifferent appearance

Summary

Header

Footer

Post body Ancillaryinformation

Blogger getting started guide:http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=112498

About Blogger:http://www.google.com/support/blogger/bin/topic.py?hl=en&topic=10424

Resources

Self-study questions

1. What is the URL (Web address) of a blog once you have created it – where do readers go to see it?

2. A URL is a Web address, but what do the letters “URL” stand for?3. What are the second level navigation choices under the Stats tag?4. What is the effect of clicking Cloud or Label on the property sheet of the

Labels gadget?5. What happens if you uncheck About Me on the property sheet of the Profile

gadget?6. If your readers complain of reading difficulty, how would you increase the font

size in your Blogger posts?7. How would you change your blog from a two column to a three column

layout?8. What are the submenus of the Posting tab, and, in a sentence or two, what is

each used for?9. Compare the fields on profile pages at Facebook with those at Blogger or

Linkedin -- how do they differ? 10. Explain the parallel between a person’s profile and a property sheet.