Saturday, February 6, 2016

How To Embed A Puzzle

First off, if you ask me a question and I don't answer it, do not feel at all bad bugging me. Sometimes I check something on my iPhone and forget to go back when I get to the computer. There are limited brain cells working here :-o.

Jo had asked how I uploaded the puzzles to my blog.  If you are interested in such things, read on. If you'd just like to work a new Hank puzzle, skip to the bottom :-).

I've only used Jigsaw Planet and have been very happy with it.  There may be better sites and better methods, but this is how I do it.  I don't think you have to have to sign up for an account to make or work puzzles, but I signed up and have not been inconvenienced in any way.

1. Go to
2. "Create" a puzzle - this is pretty intuitive, but if you have any questions, let me know.
3. Look to the upper right for "share" button.  Click that and then "Embed" (see below).

4. On the next page (it takes you there automatically) scroll down to decide how you want to embed your puzzle.  I use the "Game" option (see below).
5.  Click where it says "Select the code".  It then highlights the code you need.
6. Use "Ctrl C" to "copy" the code (see below).

7.  Go to your blog post page and switch from Compose to HTML mode (see below).
8.  Use "Ctrl V" to paste the code into your blog's HTML.  Where you put is is your own choice.  I tend to put it at the very end, but it can go in anywhere.
9.  The code with the "br" included is a line break - when you hit "return" in Compose mode or insert manually in HTML mode.  Handy to know.
10. Switch back to Compose mode and it should be right there.
11. Publish as normal.

And here's your embedded puzzle.

Enjoy! And let me know if I've totally confused you, aka welcome to my world ;-).


CathieJ said...

Thanks so much for the puzzle, the link and the tutorial. I have enjoyed both of the recent puzzles.

Mrs Shoes said...

I always love your puzzles!
Thank you for the tutorial; I used it on my blog just today.


Blog Widget by LinkWithin