Thursday, August 16, 2018

embed the screenshot of a microbit project

embed the screenshot option of a microbit project


pxt target microbit pxt extract https://makecode.microbit.org/_FtXbKTEJiE0i

Embedding the editor of a microbit project

This is a test to embed the editor of a microbit project in a Blogger blog post. If you embed the editor version embed code, it allows you to see the blocks, use the simulator AND open it in the makecode online application.

You can also embed the simulator but all you see is the simulator. See other blog post about embedding the simulator.

How to do this:
make code : http://makecode.microbit.org

1. click the share project icon at top menu in the project

2. click on the embed option to open it

3. click on the editor tab in the embed menu

4. click copy button (which highlights the embed code)

5. go to Blogger - open your blog post or a new blog post

6.  type some text to describe the project

7. click the html button and paste in the embed code that you copied in step 4

8. Update or Publish blog post

9. Make sure that the blog settings allow ALL users to see the blog post - click PUBLIC in the sharing settings for the blog



Embedding the simulator of a microbit project in a blog post

test post where we embedded the simulator of a project in a blog post