How to show code from Jsfiddle or Github in Wordpress?

Question

I have created my own personal blog . The free one in wordpress not the premium. I want to show some of my examples from github and jsfiddle in my blog .

Is it possible in free version of the wordpress ? I am not sure.

I am new to word press. Please help.

Answer 1

Embedding js-fiddle without any plugin

1. Go to you fiddle and at top menu, click on Embed
2. You can see a pop-up like this
3. Now at the bottom, you can see written Embed code and infront on that you have option to choose either Use script or Prefer iframe.

4. For Wordpress you need to select iframe and then copy the ifram code given i the box.
5. Now in you Wordpress editor go to Text mode instead of Visual mode and paste the copied code.
6. Now switch back to Visual mode and you can see js-fiddle embedded in your blog.