Scratch Widget

In the iBook I am making for my robotics&programming class I want to include examples of the different programs that students create. As my final destination is iBooks on the Mac I have used an iframe embed to add some sample Scratch games.

Using what I found here I modified a few lines, adding the Scratch embed information.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>
<link rel=”stylesheet” href=”style.css”>
</head>
<body>

[su_note note_color=”#e7ecf6″]Added the Scratch embed information below[/su_note]

<iframe allowtransparency=”true” width=”485″ height=”402″ src=”http://scratch.mit.edu/projects/embed/26388166/?autostart=false” frameborder=”0″ allowfullscreen></iframe>

</body>
</html>

 

I changed the default.png to a more appropriate image. Then when it was all ready I added the .wdgt extension to make the widget. When completed I dragged the widget onto the iBook Author page. Looks fine on iBooks for Mac.

[SlideDeck2 id=39153]