Blogging 101 Bob Palmer JALT Hokkaido Language Conference  Hokusei Gakuen University September 23, 2005
Why blogs? <ul><li>Short learning curve vs. traditional web pages – 3 easy steps to publish a blog </li></ul><ul><li>Littl...
Blogs: Strong suit <ul><li>Give you an immediate Web presence </li></ul><ul><li>Post course syllabus, links, resources, me...
Blogs: Weak suit <ul><li>Picture placement not always as expected </li></ul><ul><li>Limited space to store audio, video fi...
<ul><li>One of most popular blog services (owned by Google) </li></ul><ul><li>Now stores up to 300 MB of pictures </li></u...
Go to: www.blogger.com
1. Create an account <ul><li>Choose a “unique” user name with no spaces </li></ul><ul><li>Create a password  at least  6 c...
2. Name your blog <ul><li>Make a title (spaces okay) </li></ul><ul><li>Rewrite your title in lower case with no spaces </l...
3. Choose a template <ul><li>Template called “Minima” should be selected by default </li></ul><ul><li>If not, select it (y...
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 ...
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. Ch...
Click on “Comments” <ul><li>My recommendations: </li></ul><ul><li>Show comments </li></ul><ul><li>Anyone can comment </li>...
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 ...
Caution: Back up your template! <ul><li>Save yourself some grief by backing up the original template in a text editor such...
OK, let’s get back to adding links <ul><li>Scroll  way  down until you see <MainOrArchivePage> following the Profile conta...
Copy the code below ( * Get the code  here ) <h2 class=&quot;sidebar-title&quot;>Links</h2> <ul> <li><a href=&quot;http://...
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 ...
Copy-and-Paste HTML (Switch from “Compose” to “Edit HTML” mode) <ul><li>Add a link to CNN that opens in a new window:  <a ...
Blogger training resources <ul><li>First stop:  http://help.blogger.com/ </li></ul><ul><li>University of Oklahoma’s Online...
Blog add-on resources <ul><li>http://personalweb.about.com/od/morefunsiteaccessories/ </li></ul><ul><li>Add a poll to your...
Example Blogs <ul><li>Student reflection (1 st  year IT, Joho U.):  http://maruspike-cowboybebop.blogspot.com / </li></ul>...
Thank you, and good blogging!  Questions? Email me anytime   Bob Palmer [email_address]
Upcoming SlideShare
Loading in...5
×

Blogging101b

152

Published on

Blogger tutorial.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
152
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Blogging101b"

  1. 1. Blogging 101 Bob Palmer JALT Hokkaido Language Conference Hokusei Gakuen University September 23, 2005
  2. 2. Why blogs? <ul><li>Short learning curve vs. traditional web pages – 3 easy steps to publish a blog </li></ul><ul><li>Little or no technical skill required – learn as you go </li></ul><ul><li>No need to add or register students as with the more elaborate course management systems </li></ul>
  3. 3. Blogs: Strong suit <ul><li>Give you an immediate Web presence </li></ul><ul><li>Post course syllabus, links, resources, messages/instructions to students </li></ul><ul><li>Aid in evaluation, as student work is stored and archived </li></ul><ul><li>Allow for T-T, T-S, S-S collaboration </li></ul><ul><li>Attractive pre-designed templates </li></ul>
  4. 4. Blogs: Weak suit <ul><li>Picture placement not always as expected </li></ul><ul><li>Limited space to store audio, video files </li></ul><ul><li>Lack more advanced features found in Moodle and even Quia, such as making, administering, and grading quizzes or tests </li></ul><ul><li>Calendar function would be nice in Blogger </li></ul>
  5. 5. <ul><li>One of most popular blog services (owned by Google) </li></ul><ul><li>Now stores up to 300 MB of pictures </li></ul><ul><li>Free, well designed, easy to use </li></ul><ul><li>Professionally-designed templates </li></ul><ul><li>Free blog hosting via blogspot </li></ul>Why
  6. 6. Go to: www.blogger.com
  7. 7. 1. Create an account <ul><li>Choose a “unique” user name with no spaces </li></ul><ul><li>Create a password at least 6 characters long </li></ul><ul><li>Choose a display name, or “handle” </li></ul><ul><li>Enter an email address – fake is okay, but real one useful in case you forget your password </li></ul>
  8. 8. 2. Name your blog <ul><li>Make a title (spaces okay) </li></ul><ul><li>Rewrite your title in lower case with no spaces </li></ul><ul><li>Type the colored characters into the box below (verification measure) </li></ul><ul><li>Click on CONTINUE </li></ul>
  9. 9. 3. Choose a template <ul><li>Template called “Minima” should be selected by default </li></ul><ul><li>If not, select it (you can replace this template later from a greater choice) </li></ul><ul><li>Hit CONTINUE </li></ul>
  10. 10. Congratulations! It’s time to start posting 
  11. 11. 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
  12. 12. Success! Now, click on View Blog in a New Window
  13. 13. Voila! Looks good, huh?
  14. 14. Let’s change some settings Click on the orange icon to return to the Dashboard
  15. 15. Click on Settings
  16. 16. Write a short description of your blog SAVE YOUR SETTINGS (bottom of page) after every change!
  17. 17. 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!
  18. 18. Click on “Comments” <ul><li>My recommendations: </li></ul><ul><li>Show comments </li></ul><ul><li>Anyone can comment </li></ul><ul><li>Show comments in popup window </li></ul><ul><li>Show word verification for comments (foils spamming robots) </li></ul>Orange question marks give great tips!
  19. 19. Click on Archiving; set frequency to “weekly” and enable post pages Save your settings!
  20. 20. Time for some more fun  Yippee!!
  21. 21. 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.
  22. 22. Caution: Back up your template! <ul><li>Save yourself some grief by backing up the original template in a text editor such as Notepad </li></ul><ul><li>Simply highlight all the HTML code starting with <html and ending in </html> , copy it, and paste it into Notepad </li></ul><ul><li>Save the file in Notepad with a name you can easily remember, such as Blogger Template Backup </li></ul>
  23. 23. OK, let’s get back to adding links <ul><li>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. </li></ul>Put cursor here and hit Enter 2-3 times.
  24. 24. Copy the code below ( * Get the code here ) <h2 class=&quot;sidebar-title&quot;>Links</h2> <ul> <li><a href=&quot;http://news.google.com/&quot;>Google News</a></li> <li><a href=&quot;http://www.jalthokkaido.net&quot;>JALT Hokkaido</a></li> <li><a href=&quot;http://www.m-w.com&quot; target=&quot;_blank&quot;>Merriam-Webster Online</a></li> </ul>
  25. 25. Paste the code in the open space you created previously Save your changes, and let’s have a look!
  26. 26. Republish your blog
  27. 27. View blog in a new window
  28. 28. Your page should have 3 links added to the right side. Yay!
  29. 29. 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.
  30. 30. Copy-and-Paste HTML (Switch from “Compose” to “Edit HTML” mode) <ul><li>Add a link to CNN that opens in a new window: <a href=&quot;http://www.cnn.com&quot; target=&quot;_blank&quot;>CNN</a> </li></ul><ul><li>*Only one space, and it is HERE </li></ul><ul><li>Insert a picture located on another site: </li></ul><ul><li><img src=&quot;http://www.englishportal.net/images/popcorn.jpg&quot;> </li></ul><ul><li>Pasting this code into your blog (in Edit HTML mode) will render this picture when viewed in a browser: </li></ul>
  31. 31. Blogger training resources <ul><li>First stop: http://help.blogger.com/ </li></ul><ul><li>University of Oklahoma’s Online Learning Resource Center: http:// casweb.ou.edu/olr/technology/webpub/blogger/index.htm </li></ul><ul><li>CD/Online training: http:// lynda.com </li></ul><ul><li>Reference book: Publishing a Blog with Blogger , Elizabeth Castro, Peachpit Press </li></ul>
  32. 32. Blog add-on resources <ul><li>http://personalweb.about.com/od/morefunsiteaccessories/ </li></ul><ul><li>Add a poll to your blog: http://www.pollit.com </li></ul><ul><li>Create a survey and link to it from within your blog: http://www.surveymonkey.com </li></ul><ul><li>Lots of other free goodies: http://www.bravenet.com </li></ul><ul><li>RSS Aggregator: http://www.bloglines.com </li></ul>
  33. 33. Example Blogs <ul><li>Student reflection (1 st year IT, Joho U.): http://maruspike-cowboybebop.blogspot.com / </li></ul><ul><li>Class blog (1 st year business, Sapporo U.) http:// satsudaieigob.blogspot.com / </li></ul><ul><li>Class blog (adults, SGU Extension Center) http://sgucomputerenglish.blogspot.com/ </li></ul>
  34. 34. Thank you, and good blogging! Questions? Email me anytime  Bob Palmer [email_address]

×