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">
<table border="1">
<tbody>
<tr>
<tr>
<td>
<div style="color: blue;">
<b>This video shows how to add narration to a powerpoint presentation</b></div>
</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>
</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>
<iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/JZXK68NS7gU" width="425"></iframe>
</td>
</tr>
<tr>
<tr>
<td>
<div style="color: blue;">
<b>This video demonstrates how to use audacity which is an audio editing software</b></div>
</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)
</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></tbody>
0 comments:
Post a Comment