超多有趣的 flash 遊戲 widget

剛在找一些有關跳舞機的遊戲，意外找到這個網站，裡面有很多相關的 widget 可以放到 blog 中

可能會有很多人不知道 widget 是什麼意思

簡單來說就是網路上很多人開發一些小東西，我們只要透過加入 javascript 就可以把這些 widget 放到網頁中

網站在這：http://www.widgetbox.com/

這邊就當場插入一個 widget game 為例

首先到你想要的 widget 頁面，我是選擇一個很好玩的類似跳舞機遊戲

http://www.widgetbox.com/widget/riff-master

按下右上角的 embadded 標誌

可能會被詢問申請成為會員，它似乎有時候不會詢問

然後再把他的 embed code copy 下來

再來就把那段程式碼貼到你的 blog 中，

okay ，let’s play games !!! 我覺得超好玩的

因為音樂太吵，我就不放在 blog 了

要玩遊戲請按這

自動在每篇文章產生推推王貼紙 – blogger 版本

研究了一下該如何在自己的 blog 放上推推王貼紙，順便寫成文章貼出來

只要在 blogger 完成以下步驟，以後有新文章就會自動放一個貼紙在上面

步驟如下

(1) 請按右上方的 「自訂」按鈕

(2) 請按修改 HTML

(3)記得勾選「展開小裝置範本」以讓進階的功能可以更改

(4) 請使用搜索 (ctrl + F) 找以下字串

</head> 並在上方加上

<script language='JavaScript' src='http://funp.com/js/funp_button.js'>
</script>

這句話的意思是讓你的 blog 以後可以引用 funp_button.js 這個網路上的 javascript

(5)下一步驟就是到你的發表文章樣板那邊自動引用這個 javascript ，請使用搜索 (ctrl + F) 找以下字串

<data:post.body/> 這句話的意思是找到你每次po文章都會引用的樣版

並在下方加入以下語法

<div style='float:left; margin-left:10px;'>
<script>funp_genButton(&quot;<data:post.url/>&quot;);</script>
</div>

上面這句話的意思是

<i> float :left 指你的貼紙要靠版面的哪邊，看是 left 或 right 皆可

<ii> margin-left:10px; 的意思是你的貼紙的左邊間距要設定多少

可參考我設定完的樣子

(6) 請按下儲存範本

(7) 應該可以發現你的每篇文章最後都會有

(8) 接下來設定此篇的推推王貼紙設定，把資訊先填下以下

(9) 最後發表後，快回去看你的文章，順利的話應該會有你自己的推文了，就像下面那張圖一樣

(10) 結束，恭喜，若你覺得我這篇文章寫的很好，就順便幫我按下面那個推一下吧

加入 FunP 推文貼紙

其實筆者也是最近才開始認真寫 blog，想要慢慢把一些功能加入自己的 blog

所以就邊做邊學，順便把心得寫成文章吧，此篇是研究該如何把有名的推推文貼紙放到 blog 文章當中

(1) 第一步是到 funP 推文貼紙網站 http://funp.com/tools/badgegen.php

(2) 選擇喜愛的樣式

(3) 因為我想要在某篇文章加入貼紙，所以選擇「一頁中有一個按鈕」

(4) 將產生的 Javascipt 放到程式碼中

(5) 我也是第一次用，大家可以的話就幫忙按看看上面的貼紙順便幫我測試一下有沒有成功吧

寫 blog 工具 - Windows Live Writer (WLW)

在此提供一個寫 blog 的好用工具
筆者之前都使用 blogger 的預設介面寫文章，但覺得有幾個問題

第一是編寫介面版面過小，如下

第二是上傳圖片很麻煩，必須一個一個加進去，而且不能一次寫完文章後批次上傳，如下

所以就開始上網找所謂的第三方寫 blog 程式，我發現這個好像比較有名

Windows Live Writer ，簡單測試了一下真的好用太多…所以在此介紹一下用法與步驟

(1) 安裝 Windows Live Writer ，請至 http://download.live.com/writer 安裝

(2) 開啟程式，會被詢問要不要新增 blog ，因為我已經在 blogger 寫了，所以直接選第4個後按下一步

(3) 填入資料，之後會有一段同步化的時間

(4) 接下來版面會自動同步化與你的 blog 相同，這功能超棒的，就可以開始寫你的文章啦

(5) 寫完之後按下發怖

(6) 接下來看到這篇文章就是我按下後的成果啦，簡單吧

製作拼圖的網站

剛在找製作拼圖的網站或服務

於是找到了這一篇 http://briian.com/puzzle

只要上傳圖片就可以製作屬於自己的拼圖

也可以內嵌在 blog 與 網站上面讓認識的人玩

很不錯，在這裡先推薦給大家

教學 - 在Blogger貼圖的方法

本文轉載自 Version 17

• 方法一
  
  
  
  1. 可以從左上方"發表文章"的超連結進去，或者從http://www.blogger.com/，連進去之後會看到下圖裡的畫面：
     
     
  
  
  2. 點擊上圖所指示的位置之後，會進入下圖的畫面：
     
     
     
     我就簡單介紹一下這個介面的功能：
     
     a.點擊這個位置可以上傳多張圖片。
     b.這個是決定貼圖縮圖的大小，並不會影響原圖尺寸，選擇適合版面的就好。
     c.這裡顯示的是妳上傳過的圖片佔了你相簿空間的容量。
     
  
  
  
  


• 方法二
  
  這個方法不只可以在Blogger上面用，只要是可以接受HTML編輯的部落格、網頁、論壇都可以使用，而且每月"上傳流量"100MB，這個月用完了，下個月會重新計算，照片也不會因此就不見。
  
  
  
  1. 首先要申請一個Yahoo的帳號
  
  
  2. 連至Flickr的網站，從下圖的位置登入：
     
  
  
  3. 雖然Flickr本身有網頁上載的功能，但是因為它的上傳工具實在太好用了，所以還是建議用Flickr的上傳工具。登入以後進入主畫面，上傳工具的下載頁面從下圖只是的位置進入：
     
     
     檔案下載的位置：
     
     
  
  
  4. 上傳軟體安裝好的樣子如下圖：
     
     
     
     上傳檔案的方式除了像一般瀏覽檔案新增之外，也可以像在windows底下拖移檔案的方式來進行。
  
  
  5. 檔案上傳好了，接下來要怎麼貼到網誌上呢？到照片列表的地方，點一下照片，會進入只有一張照片的頁面，點一下下圖中那個放大鏡的圖片：
     
     
  
  
  6. 下圖所看到被框起來的部份只的是貼圖之後縮圖的大小，這不會影響妳點下縮圖之後所看到的原圖尺寸，選一個適合版面的縮圖就好了：
     
     
  
  
  7. 最後一步就是把下面的語法貼到妳正在編輯的網誌文章裡面嚕！
     
     
  
  
  P.S.這裡我想可能需要提醒一下，Flickr的貼圖語法要貼在修改HTML的地方，不能直接貼在撰寫的位置。
  
  
  


• 方法三


這個方法並不是真的用來貼圖，而是把圖片上傳到badongo這個空間，在從網誌連結過去，它的優點是永不砍檔。



1. 先從途中的超連結連到Badongo這個空間：
   
   


2. 現在來解釋一下上傳檔案的介面：
   
   
   
   a.選擇妳要上傳的檔案
   b.描述這個檔案(必填)
   c.這個檔案是否適合未成年下載
   d.開始上傳


3. 上傳完成之後會出現跟下圖一樣的畫面：
   
   
   
   a.圖片網址(適合msn)
   b.圖片連結，並非貼圖(是貼到Blog的HTML)


P.S.雖然上傳檔案是可以不用註冊的，但是免費註冊之後上傳的檔案都不會被砍檔。如果是分組報告要傳給同組成員的檔案也不怕找不到，只要上傳一次，這樣會比每次都開msn傳檔好，畢竟adsl上傳的速度都不是很快^^"

教學 - 快速從 picasa 把圖貼到 blogspot 上

本文轉載自 兔兔電腦教室

將 Picasa 與 Blogger 結合是很棒的一件事，

奇怪的是，網路搜尋卻找不到這方面的教學，

那只好兔兔自己來啦。

　

首先您得先安裝 Picasa 這套照片管理程式，

您也得有 gmail 的帳戶，

也申請好了 blogger 帳戶(同 Gmail 帳戶名稱)，

就可進行大量且快速的上傳照片工作了。

　

接著標記要上傳到 blogspot 的圖片，

選好後按 Blog This

注意：這時已登入 blogger 的帳戶了，

若尚未登入，會出現帳戶登入視窗。

　

選擇版面編排方式，並按繼續

　

上傳並輸入標題後按發佈文章

　

完成後，從 blog 看到的結果圖