Tuesday, June 22, 2010

How to embed audio and video

To embed audio files to your blog entry, you could do the following

  • Upload the audio file (mp3, wav, etc.) in a site.
  • In blogger, make a new post, and click the tab Edit HTML on the right top corner.

  • Write the following to your post:


  • Replace MP3_FILE_URL above with the url of your audio file.
  • Click Publish Post.

To embed video files, here is what you should do:
  • Upload the video to You Tube.
  • In You Tube, click Embed under your video.
  • Click the URL of the video and copy it.

  • In Blogger, make a new post.
  • Click Edit HTML.
  • Paste the code from You Tube to your blog post.
  • Click Publish Post.

Finally...the end of the semester

Today was the last session of Internet class this semester. Thank you for submitting the papers as a part of the final projects. Dr. Ali and I will read them and determine your final grades based on the papers and the online projects. We hope you will get good grades.praying

There were two things that we agreed on:
  • The deadline of paper submission is extended to Saturday this week. The students who haven't finished writing the paper should submit it by the end of this week.
  • I will post how to create a website here on one condition: you could demonstrate the effective use of blogs or multiply sites for the teaching-learning in your classroom. Using websites is a little bit more complicated than using blogs or multiply sites, so I want to make sure you could use the easier ones first.
It has been nice and amusing teaching internet in this class. We had lots of problems in the teaching-learning processnail biting but we also had a good laugh in every sessionrolling on the floor. I was very impressed at how you were eager to learn to use the internet for you classes. I hope what we have done this semester could be beneficial to improve your teaching.

I wish you lots of luck in your study.applausewave

Monday, June 21, 2010

How to insert a table

If you cannot make a table using HTML, you can make a snapshot of the table in MS Word by pressing the Print Screen button. Then paste the snapshot in Paint. Next, edit the picture using MS Picture Manager.

Here is an example of a table that you made in the classroom.tongueoh go onlaughingrolling on the floor


Friday, June 11, 2010

Final Project

You've learned how to use the internet in language teaching and learning. As the end of the semester is drawing near, I need to explain the final project that you have to do as a requirement to pass this course.devil

As mentioned in the syllabus, the project consists of two parts: the online project and a paper.

  • The online project can be (1) your Multiply site, or (2) your blog in Blogger. Please post or upload anything related to the teaching of English in your school in Multiply or Blogger. Remember, they were created to encourage you and your students to make good use of the internet in the teaching and learning of English.
  • The paper can be about (1) a report of the application of the internet in your school, or (2) detailed explanation about the above online project. Some of you said that you had a report of action research you conducted in your school when you used ICT in the teaching of English. This is a good paper to be submitted for this course, and can be categorized as no (1) above. If you haven't written any research report about the use of internet in language teaching, you can write the assignment no (2).
If you want to write a paper about Multiply or Blogger, here is how you organize it.

Title
Preface
Table of Contents
Section 1: Introduction
Section 2: Review of literature
Section 3: Current Project
Section 4: Conclusion


dancingIn the introduction, explain the background of writing this paper. Write about the education in Indonesia, East Java and your school (from general to specific things). For example you may want to write about the efforts to improve the quality of education, policy of the government in establishing RSBI, the development of technology & its use in education, etc.

oh go onIn the review of literature, please write about blogs (if you choose Blogger as your final project) or social networking sites (if you choose Multiply as your final project). Explain what they are, what their function is, their pedagogical application, etc. In other words, you talk about blogs or social networking sites in general.

angelIn the current project section, you write specifically about your own Blogger or Multiply site: what you use it for, what subject/course it is about, whether you use it to post course materials or supplemental materials, how you maintain contact with your students through the site, etc, etc, etc.

The deadline of both the online project and the paper is 22 June 2010. Please submit the hardcopy of the paper to Dr. Ali Mustofa, while the soft copy should be sent to me by email.

If you have questions about the final project, please write them in the comment box below. I will try to answer them as soon as possible.on the phone

Good luck thumbs upparty

Update: How to Costumize Blogger Theme

Today there's a change in the procedure of costumizing the theme in Blogger.tongue In the previous post, I wrote that you should click Customize > Edit HTML to change the background etc. Now you have to do it differently:

Click New Post > Design > Edit HTML

Hope this helps.rock on!

Monday, June 7, 2010

Your blogs!

I'm happy that you have created a blog in Blogger. Now please submit the URL of your blog in the comment box below.happy

Saturday, June 5, 2010

Blog: How to insert Yahoo emoticons

To make your blog more interesting to read, probably you need to add some emoticons to your posts. happy This is very easy to do. Just follow these steps

  • Write a new post in your blog.
  • Visit the Yahoo emoticon webpages. ( I wrote about them here.)
  • Copy the emoticon you want. Do this by blocking the emoticon (left click and drag) so that the emoticon looks dark blue. Press Ctrl C to copy the emoticon.


  • Go to your blog post.
  • Put the cursor in the location where the emoticon will be. Press Ctrl V to paste the emoticon.


If you publish your post, you will see the cute emoticons there.happy

Wednesday, June 2, 2010

Blog: How to change the header

You have learned how to customize the theme of Blogger in the previous entry. Now I'm going to show you how to change the header of Blogger so that you could put a picture that you like there.bee

How to resize the picture

  • View the picture using Microsoft Office Picture Manager.
  • Click Edit Picture > Resize.


You will see information about the size of the picture (in pixels) on the right bottom of the page. For the header, you need a picture with the size of 600x200 pixels.


  • If the size is too small or too big, you need to adjust the width into 600 pixels. Enter the correct number in the box Percentage of original width x height, until you have the width of 600 pixels.
  • Click OK.
  • If you need to cut the top or bottom part of the picture to get the height of 200 pixels, use crop.
  • Click Edit Picture > Crop.
  • Crop the top or bottom of the picture, click OK.
  • Click Save.

How to write the title of the blog in the picture

You have a picture with the size of 600 x 200 pixels. Now you need to write the title of the blog in the picture.
  • View the picture using Paint.
  • Click the letter A on the left. Now you can write something in the picture.


  • Click the picture in which you start to write, drag to the right side. Now you see a square. You could write inside the square.


  • Don't forget to make the background transparent. You could see two choices in the bottom left: the first option is for white background, the second option is for transparent background (see the picture above). Choose the second.
  • You could also change the type and size of the font in the long box above.
  • After you finish writing, click Save.

How to upload the picture to your blog

  • Log in to your blog.
  • Click Customize on the top right.


  • You will see the Navbar (navigation bar). The box on the top is the header box. Click Edit.


  • There will be a pop-up window. Write the blog title and description.


  • Click Browse and locate the picture you want to put there.
  • Under Placement, select Instead of title and description.
  • Click Save.

Now you have a beautiful header in your blog.love struck