Bitty Browser magic – how to embed a website inside your Moodle webpage

Bitty Browser is truly an amazing web application. It allows you to embed a website within a website. So you can embed a entire working website inside your blog or Moodle site.

The embed code that I used for the “embeded iframe” website above is:

<!– BITTY BROWSER : WWW.BITTY.COM : {BEGIN} –>

<table cellspacing=”0″ style=”width:100% !important;background:#999 !important;padding:0px !important;margin:0px !important;border:0px !important;border-collapse:collapse !important”><tr><td style=”background:#999 !important;padding:1px !important;margin:0px !important;border:0px !important;”><iframe src=”http://www.cnn.com/” scrolling=”yes” frameborder=”0″ style=”display:block !important;width:100% !important;height:400px !important;background:#D4D0C8 !important;padding:0px !important;margin:0px !important;border:0px !important;”><a href=”www.cnn.com/”>CNN Today</a> (iframes required)</iframe></td></tr></table>

<!– BITTY BROWSER : WWW.BITTY.COM : {END} –>

So what does this mean for your Moodle site? Well, the possibilities are endless.

Here’s another example. This time, I have created a “Compose a web page” resource on my Moodle site. When I click on it, the webpage opens and I will see four embedded websites. Cnn.com, Moodle.org, Moodlenews.com and Moodurian.blogspot.com! You an access the demo webpage directly from here.

Think of all the possibilities of using Bitty Browser in your Moodle site! MORE>>