Search This Blog

Thursday 16 June 2011

Adding HTML to posts.

Adding html to blogger posts is quite easy, I added a table in the resources page to organise the videos. All i did was to go the the "Edit html" option which sits at the top of the post and added basic html commands for adding a table.What you see below is the code I used to create a table and add various table data elements. this code is from the "Resources" page in my blog.



<b>This page has links to various resources I have used while teaching in sem1</b>
<table border="1">
<tbody>
<tr>
 <td>
<div style="color: blue;">
<b>This video shows how to add narration to a powerpoint presentation</b></div>
</td>  
<td style="color: blue;"><b>
</b>
<b><iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/QFmntINu_cI" width="425"></iframe></b></td>  </tr>
<tr> <td style="color: blue;">

<b>This video shows how to add music to a power point presentation</b></td>  <td><b>
</b></td>   </tr>
<tr> <td>
<div style="color: blue;">
<b>How to use windows movie maker</b></div>
</td> 
<td>
<iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/JZXK68NS7gU" width="425"></iframe>
</td> 
</tr>
<tr>
<td>
<div style="color: blue;">
<b>This video demonstrates how to use audacity which is an audio editing software</b></div>
</td> 
<td style="color: blue;"><b>
</b>
<b><iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/Mf7-2KSqj4s" width="425"></iframe></b>(This is a link to the video)
</td> </tr>
</tbody>
</table>

0 comments:

Post a Comment