Blogging 101 Bob Palmer JALT Hokkaido Language Conference Hokusei Gakuen University September 23, 2005
Short learning curve vs. traditional web pages – 3 easy steps to publish a blog
Little or no technical skill required – learn as you go
No need to add or register students as with the more elaborate course management systems
Blogs: Strong suit
Give you an immediate Web presence
Post course syllabus, links, resources, messages/instructions to students
Aid in evaluation, as student work is stored and archived
Allow for T-T, T-S, S-S collaboration
Attractive pre-designed templates
Blogs: Weak suit
Picture placement not always as expected
Limited space to store audio, video files
Lack more advanced features found in Moodle and even Quia, such as making, administering, and grading quizzes or tests
Calendar function would be nice in Blogger
One of most popular blog services (owned by Google)
Now stores up to 300 MB of pictures
Free, well designed, easy to use
Free blog hosting via blogspot
Go to: www.blogger.com
1. Create an account
Choose a “unique” user name with no spaces
Create a password at least 6 characters long
Choose a display name, or “handle”
Enter an email address – fake is okay, but real one useful in case you forget your password
2. Name your blog
Make a title (spaces okay)
Rewrite your title in lower case with no spaces
Type the colored characters into the box below (verification measure)
Click on CONTINUE
3. Choose a template
Template called “Minima” should be selected by default
If not, select it (you can replace this template later from a greater choice)
Congratulations! It’s time to start posting
Add a title and start typing (“Compose” mode is default) I clicked here to insert the potato picture from my PC Publish here Finally, PUBLISH your post
Success! Now, click on View Blog in a New Window
Voila! Looks good, huh?
Let’s change some settings Click on the orange icon to return to the Dashboard
Click on Settings
Write a short description of your blog SAVE YOUR SETTINGS (bottom of page) after every change!
Click on Formatting - here you are Here is where you can customize date header and other formats. Leave this for later. Change the Time Zone to Asia/Tokyo. Don’t forget to save your settings!
Click on “Comments”
Anyone can comment
Show comments in popup window
Show word verification for comments (foils spamming robots)
Orange question marks give great tips!
Click on Archiving; set frequency to “weekly” and enable post pages Save your settings!
Time for some more fun Yippee!!
Click on Template Here is where you can choose a new template, but not now, please… What we are interested in is the HTML code below. This is where we will add our links.
Caution: Back up your template!
Save yourself some grief by backing up the original template in a text editor such as Notepad
Simply highlight all the HTML code starting with <html and ending in </html> , copy it, and paste it into Notepad
Save the file in Notepad with a name you can easily remember, such as Blogger Template Backup
OK, let’s get back to adding links
Scroll way down until you see <MainOrArchivePage> following the Profile container. Open up some space by hitting Enter key a few times. This is where we are going to put our links.
Put cursor here and hit Enter 2-3 times.
Copy the code below ( * Get the code here ) <h2 class="sidebar-title">Links</h2> <ul> <li><a href="http://news.google.com/">Google News</a></li> <li><a href="http://www.jalthokkaido.net">JALT Hokkaido</a></li> <li><a href="http://www.m-w.com" target="_blank">Merriam-Webster Online</a></li> </ul>
Paste the code in the open space you created previously Save your changes, and let’s have a look!
Republish your blog
View blog in a new window
Your page should have 3 links added to the right side. Yay!
Need a syllabus? Create one within a new posting - add links to web sites, sounds, movies, other activities Blogger makes it easy to add hyperlinks. Just highlight some text, click on the chain link, and add the URL. Blogger reminds you that http:// is required at the beginning.
Copy-and-Paste HTML (Switch from “Compose” to “Edit HTML” mode)
Add a link to CNN that opens in a new window: <a href="http://www.cnn.com" target="_blank">CNN</a>