Top Banner
Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation This work is licensed under a Creative Commons Attribution- Noncommercial-Share Alike 3.0 License.
17

Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Dec 20, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Changing the blog layout and appearance

Skills: modifying the appearance and layout of a blog

IT concepts: gadgets, separation of content from presentation

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

Page 2: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Changing the blog layout and appearance

• Internet concepts– Applications (blogs)– Technology (TCP/IP)– Implications for

• Individuals• Organizations• Society

• Internet skills– Application development (change the

appearance of a blog)– Content creation

• Text• Images• Audio• Video

Page 3: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Make these changes in five minutes

We will delete much of the material in the right hand column.

We will change the layout and color scheme.

Page 4: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Clean up the right hand column

Delete the “about me” and “follower” gadgets

Page 5: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Your Blogger dashboard

At http://www.blogger.com

Page 6: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

The layout modification screen

You can modify (edit), reorder, add or delete the “gadgets” in the right hand column.

Page 7: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Remove the “About Me” gadget

1 2

Page 8: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Remove the “Followers” gadget

1 2

Page 9: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

About me and Followers are gone

Page 10: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Change the overall layout and color scheme

Change the blog template

Page 11: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Change the blog template

Page 12: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Select the Stretch Denim template

1

2

Page 13: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

New layout and color scheme

Note that the content is unchanged -- it is independent of the appearance.

Page 14: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Immediate editing

You can click on these icons and edit your blog without going back to the dashboard.

These icons are only visible to the person who created the blog.

Page 15: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

The layout modification screen

You can also add gadgets.

Page 16: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Four of the Blogger library gadgets

Google adds to the gadget library over time.

Programmers can create their own gadgets.

Page 17: Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Each gadget has a property sheet

The user can change gadget appearance and behavior.