在自已的部落格裏也可以玩拼圖遊戲，而且還是你自己照片的拼圖喔！

從美國 UCS 老師的部落格 Chinese Digger 當中，學習到一個網站，可以幫你把照片變成拼圖，然後放在部落格中或網站裏，感覺很有意思，在此與大家分享。

這個網站叫 Photograph Puzzle Maker ，網址是：http://www.flash-gear.com/puzzle/。

進到他們的網站後，如下圖：

步驟一：在選圖框框中，把已經預先存在電腦中的一張照片點選進來。

步驟二：選擇拼圖片的大小，亦即每一個小片的尺寸大小。有五種選擇，愈小片表示產生出來的拼圖片愈多，難度就愈高；反之愈大片則愈容易。

步驟三：在選完拼圖片大小後，畫面會跳到另一頁，畫面當中有一個程式碼的框框，用 Mouse點進這個框框，把它們全部 Copy。如下圖。

接下來就是要到部落格去發表新文章了。

步驟四：發表文章時，建議先把原圖片放在文章前面，以便讓使用者作參考。

步驟五：然後點選 [內文] 工具列，第二排最右邊算來第二個～ [HTML] 按鈕，按下去後打開一個新框框，叫做 HTML 程式碼編輯器 (HTML Source Editor)。你會看到一些東西已經在裏面，那是貼了原圖片的程式碼，你不必去理會它。

步驟六：把 Mouse 點到程式碼的最後面，把步驟三中 Copy 到的拼圖程式碼 Paste 進來。

步驟七：由於在部落格中的主畫面，很多都有寬度的限制，例如本校的主畫面（也就是淺黃色底色這一個區域）寬度就只有 540 點。而原拼圖碼設定可使用的寬度為 600 點，如果不加以修改，會造成有些拼圖片跑到主畫面之外，根本看不到也拿不到了。所以必須修改原拼圖碼可使用的寬度。請找到 WIDTH="600" HEIGHT="750" 這一小段資料，把其中的 WIDTH="600" 改為適合你主畫面的寬度，同時，最好也把HEIGHT="750" 等比例修改一下。

步驟八：按左下方的 UPDATE 按鈕，回到發表新文章，便可發表文章了。

您試試看吧！以下附一個樣本供您參考，祝您玩得愉快！(請把 Mouse 移到圖片下面的 Loading Puzzle 框框中，便能開始遊戲。)