BlogSpring.org » Blogspring 教學 http://blogspring.org 是部落格噴泉，還是布拉格的春天？ Sun, 23 May 2010 06:50:38 +0000 en hourly 1 http://wordpress.org/?v=3.0 [BlogSpring 教學] 如何直接在文章中插入 Flickr 圖片 – Part 2 http://blogspring.org/blog/2010/145/ http://blogspring.org/blog/2010/145/#comments Sun, 07 Mar 2010 10:03:08 +0000 computer http://blogspring.org/?p=145 按照 上一篇文章『如何直接在文章中插入 Flickr 圖片 – Part1』 完成設定之後，接下來就可以使用 Flickr Manager 來插入圖片了。

flickr_manager_07

Step 1. 在文章編輯畫面中，可以看到由『藍紅圓點』構成的 Flickr 圖案。點選這個圖案就可以呼叫出  Flickr Manager 來插入圖片。

flickr_manager_08

Step 2.  在 Flickr Manager 的上方會顯示出最近上傳的圖片，直接點選圖片就可以打開插入圖片的選項。如果沒有找到自己想使用的圖片，可以點選右下角的頁面數字，或是利用左下角的 Search 來搜尋其他圖片。

flickr_manager_09

Step 3.  點選自己想要插入的圖片縮圖後，就會打開插入圖片的選項。在紅色框框中可以設定插入圖片的水平位置和大小。藍色框框中可以設定是否要使用『圖片放大』的特效，還有『圖片放大』到底要放多大。設定完以後，點選紅色框框中的『Insert into Post』就可以看到圖片已經出現在文章中了。

]]> http://blogspring.org/blog/2010/145/feed/ 0 [BlogSpring 教學] 如何直接在文章中插入 Flickr 圖片 – Part 1 http://blogspring.org/blog/2010/144/ http://blogspring.org/blog/2010/144/#comments Tue, 02 Mar 2010 14:13:55 +0000 computer http://blogspring.org/?p=144 最近在 WordPress 的網站上看到了一個新的 Plugin – Flickr manager ，抓回來測試了一段時間後發現用來貼圖到文章裡還蠻方便的，特別是圖片不多的時候。在這裡介紹一下它的功能和使用方法。

Flickr Manager 主要功能介紹：

  • 能讓使用者在編寫文章的時候，直接選擇 Flickr 上的圖片並插入至文章。
  • 可以上傳照片到 Flickr (雖然目前一次只能一張… @@)
  • 經由 Flickr Manager 插入的圖片可以增加『圖片放大』的特效。（這個功能還蠻炫的，目前有兩種特效： Lightbox 或是 Highslide。可以直接連去它門的首頁看看圖片秀起來是什麼樣子。）

準備工作

在開始使用 Flickr Manager 之前必須先進行一些設定，讓 Flickr Manager 知道要 Flickr 的哪個帳號抓圖。設定方法如下：

flickr_manager_01

Step. 1 在進入 BlogSpring 的管理介面後，點選左下角『設定』中的『Flickr』。

flickr_manager_02

Step. 2  如果是第一次進行設定，它會要求 Flickr 的認證，所以就點選 『Authenticate』來進入到 Flickr 的認證畫面。

flickr_manager_03

Step 3. 直接在 Flickr 的認證畫面中點選『OK, I’ll Authorize It.』

Step 4. 回到本來  Flickr Manager 的設定頁面點選 『Finish』來完成認證。

flickr_manager_04

Step 5. 完成認證後會看到 Flickr Manager 的所有設定選項。最上端是你的 Flickr 帳號資訊。

flickr_manager_05

Step. 6  中間的『Media Panel Setting』部分可以做幾個調整。『Photos per page』可以設定你在要插入圖片的時候，一次要出現多少縮圖讓你選擇。從 5 – 15 應該都是不錯的設定。『Enable image viewer by default』則是讓你設定是否每張圖都預設要開啟放大特效。『Default image viewer size』則是設定放大特效的大小。既然都已經要用放大特效了，我建議直接這邊就直接選 Large 吧。

flickr_manager_06

Step. 7 最下面的『Global Setting』部分， 『Open flickr page in a new window』 還有 『Include Flickr link in caption』 都建議打勾。 『Image Viewer 』的話，Lightbox 還有 Highslide 都是放大特效，不過呈現出來的方式有點不太一樣。可以都試試看，然後自己挑喜歡的使用。

Step. 8 Flickr Manager 的設定到此告一段落，記得點選最下面的『Save Changes』來儲存設定。

接下來，就可以按照下一篇文章『如何直接在文章中插入 Flickr 圖片 – Part 2』的說明，來插入圖片了！

]]> http://blogspring.org/blog/2010/144/feed/ 0 張貼文章的好幫手 – Windows Live Writer http://blogspring.org/blog/2009/131/ http://blogspring.org/blog/2009/131/#comments Sun, 30 Aug 2009 01:42:52 +0000 computer http://blogspring.org/?p=131 最近 BlogSpring 多了幾位新朋友，但是目前已經有的教學文章大多是在之前的 Lifetype 時代寫的，無法百分之百適用在目前的 WordPress 系統上。因此，最近我會開始翻修以前的一些教學文章。第一篇文章，就來翻修 Windows Live Writer 的使用介紹吧(舊文章在此，居然是三年前寫的… 嘖嘖)！

目前 BlogSpring 由於頻寬以及主機空間的限制，並沒有開放內建的貼圖空間。因此若需要張貼圖文並茂的文章，我都會建議作者在 Flickr 開一個免費或付費的帳號來搭配貼圖。但是，若需要張貼的圖片一多的時候，從 Flick 把圖片的連結逐一貼到 BlogSpring 的工程也是頗為浩大。在這裡推薦一個絕妙的組合 – Windows Live Writer & Friendly.Flickr，可以解決以上的問題。

Windows Live Writer (WLW)本身是一個離線的 Blog 文章編輯器。而 Friendly.Flickr 則是由 搖擺天秤 所撰寫，作為 Windows Liver Writer 的 plugin 的程式。不但可以讓我們在編輯文章的時候，很方便的張貼 Flickr 上面的圖片，甚至可以讓我們直接上傳照片至 Flickr 主機。兩者搭配起來，可以大幅度縮短貼圖的時間。

接下來我介紹一下要怎麼樣才能建構這個環境。

Step 1. 準備工作：先下載以下三項檔案

Step 2. 安裝 Windows Live Writer

  • 安裝 Winows Live Writer 其實很簡單，只要一直按下一步就可以了。不過在最一開始的過程，它會詢問你是否要一起安裝其它服務，像是 Mail 或是 影像中心等。這部份就看個人需求了。我是只有選擇安裝 Writer。
    01

  • 在安裝完 Windows Live Writer 以後，要先設定自己的  Blog 帳號。從右上角的『部落格』–> 『新增部落格帳號』開始。
    02
  • 選擇『其它的部落格服務』
    03
  • 接下來填入自己的部落格網址、帳號、和密碼。接著等待 Ｗindows Liver Writer 和 BlogSpring 主機相互溝通一小段時間就可以完成設定了。
    04

Step 3. 安裝 .Net FrameWork 2.0

  • 這個步驟一樣很簡單，只要一直按下一步、下一步就可以了。

Step 4. 安裝 Friendly.Flickr

  • 把 下載下來的 Friendly.Flickr 解壓縮之後，把 WindowsLiveWriterPlugin.Friendly.Flickr 目錄下面的檔案 Copy 到 Windows Live Writer 安裝目錄下的 Plugins 目錄（通常是 C:\Program Files\Windows Live Writer\Plugins）即可。 接下來啟動 Windows Live Writer 就會自動載入 Friendly.Flickr 了。

Step 5. 倒杯水，喘口氣，我們就可以開心的用 Windows Live Writer 來寫文章了。

Step 6. Windows Live Writer 介面簡介

  • 其實 Windows Live Writer 的介面還蠻人性化的（參見下圖）。大致上來說，編輯文章的的工作就在區塊 A 之中完成。如果需要插入 Flickr 的圖片的話，可以從點選區塊 B 的 『Friendly.Flickr』來呼叫 Friendly.Flickr 來插入圖片。在區塊C可以選擇文章的類別。編輯過程中，如果需要暫存檔案，按下區塊 D 的 『儲存草稿』就可以把文章暫存在自己的電腦中，晚點再繼續進行編輯的動作。全部的內容完成之後，按下區塊 E的 『發布』就可以把文章張貼到 BlogSpring 囉～05

*** 2009-09-18 加註 ****

現在使用 Mac 的朋友越來越多，不過很不幸的， Windows Live Wrtier 並無法在 Mac 上面執行。目前找到的最佳跨平台替代方案應該是使用 Mozilla Firefox 搭配 ScribeFire 套件 。 不論是安裝或是使用上都是相當的簡單。在這裡推薦給使用 Mac 的朋友。

ScribeFire 的安裝及使用方式可以參考下列兩篇網誌：

]]> http://blogspring.org/blog/2009/131/feed/ 5 [BlogSpring 潛能開發] 使用 Widgets http://blogspring.org/blog/2008/99/ http://blogspring.org/blog/2008/99/#comments Sun, 12 Oct 2008 08:59:14 +0000 computer http://blogspring.org/blog/2008/99/ 當初將 BlogSpring 轉移至 WordPress 平台有一部分原因就是 Widgets。藉由 Widgets ，我們可以用很直覺的方式來自訂自己 Blog 裡側邊欄的外觀，不需要像從前一樣使用手動編輯來完成。接下來，這篇文章將會簡單介紹一下Widget 的使用。

BlogSpring_org _Widgets_01

在登入BlogSpring 之後(參考上圖)，我們可以藉由左上角工具列中的『版面』> 『Widgets』來打開 Widget 設定頁面。在設定頁面中的左邊會顯示可以使用的  Widget (藍色圈區域)，只要點選藍色圈區域中的『增添』，就可以把自己有興趣的 Widget 加入到右邊的側邊欄中。在畫面的右邊則是顯示目前已經使用的 Widget (淡黃色圈區域)，可以使用滑鼠拖曳的方式來調整其上下的順序。如果需要移除 Widget 的話，可以先點選『編輯』，接下來再下方點選『移除』就可以了。在做完所有  Widget 的設定後，要記得點選右下角的『儲存變更』來儲存設定。

目前 BlogSpring 已經完成一些常用功能的  Widget 的安裝，在使用上應該都相當直覺。其中需要特別提一下的是『文章匯整』。它預設狀態會在側邊列列出所有文章的月份，若文章數多的話，列出的月份數量往往會相當驚人。若想避免這種困擾，可以把『顯示為下拉式』的選項勾選起來，這樣在視覺效果上會清爽不少。此外，我也為 BlogSpring 寫了一個小小的  Widget – 『BlogSpring 聯播』，可以很簡單的看到 BlogSpring 其他作者的新文章。喜歡的人可以用用。

BlogSpring_org _Widgets_02

]]> http://blogspring.org/blog/2008/99/feed/ 0 [BlogSpring 潛能開發] 新增十個模板 http://blogspring.org/blog/2008/98/ http://blogspring.org/blog/2008/98/#comments Sat, 04 Oct 2008 02:12:47 +0000 computer http://blogspring.org/blog/2008/98/ 這幾天在 WordPress 的 Theme Directory 逛逛，又找了十個模版到 BlogSpring 上來，有需要的作者可以參考看看。如果大家找不到滿意的，也可以自己到 Theme Directory 尋找自己中意的模板，我再幫各位安裝。

[Vesper]

vesper

[slim-glassy]

slim-glassy

[page-style]

page-style

[mimimalism]

minimalism

[evanescence]

evanescence

[darktree]

darktree-10

[daleri-sweet]

daleri-sweet

[business-style]

business-style

[blue-mist]

blue-mist

[antique]

antique

]]> http://blogspring.org/blog/2008/98/feed/ 0 張貼 Blog 文章的好幫手 http://blogspring.org/blog/2006/74/ http://blogspring.org/blog/2006/74/#comments Wed, 27 Dec 2006 05:09:25 +0000 computer http://blogspring.org/blog/2006/12/27/%e5%bc%b5%e8%b2%bc-blog-%e6%96%87%e7%ab%a0%e7%9a%84%e5%a5%bd%e5%b9%ab%e6%89%8b/ 目前 BlogSpring 由於頻寬以及主機空間的限制，並沒有開放內建的貼圖空間。因此若需要張貼圖文並茂的文章，我都會建議作者在 Flickr 開一個免費或付費的帳號來搭配貼圖。但是，若需要張貼的圖片一多的時候，從 Flick 把圖片的連結逐一貼到 BlogSpring 的工程也是頗為浩大。所以我這一兩天搜尋了一下，找到了一個絕妙的組合 – Windows Live Writer & Friendly.Flickr，可以解決以上的問題。

Windows Live Writer (WLW)本身是一個離線的 Blog 文章編輯器。而 Friendly.Flickr 則是由 搖擺天秤 所撰寫，作為 Windows Liver Writer 的 plugin 的程式。不但可以讓我們在編輯文章的時候，很方便的張貼 Flickr 上面的圖片，甚至可以讓我們直接上傳照片至 Flickr 主機。兩者搭配起來，可以大幅度縮短貼圖的時間。

接下來我介紹一下要怎麼樣才能建構這個環境。

Step 1. 準備工作：先下載以下三項檔案

 

Step 2.  安裝 Windows Live Writer

  • 請參考 Mark 的『如何在 LifeType 上使用 Windows Live Writer (2)』 來安裝 Windows Liver Writer。唯一需要注意的地方是在安裝過程中的 Select Provider 視窗中， Type or weblog that you are using 請選擇 Custom (Metaweblog API) （如下圖中的1），而 Remote posting URL for your weblog 則鍵入 http://blogspring.org/xmlrpc.php。（如下圖中的 2）

     

    LiveWriter01.PNG

     

Step 3.  安裝 .Net FrameWork 2.0

  • 這個步驟最簡單，只要一直按下一步、下一步就可以了。

Step 4.  安裝 Friendly.Flickr

  • 把 下載下來的 Friendly.Flickr 解壓縮之後，把 WindowsLiveWriterPlugin.Friendly.Flickr 目錄下面的檔案 Copy 到 Windows Live Writer 安裝目錄下的 Plugins 目錄（通常是 C:Program FilesWindows Live WriterPlugins）即可。 接下來啟動 Windows Live Writer 就會自動載入 Friendly.Flickr 了。

Step 5.  倒杯水，喘口氣，我們就可以開心的用 Windows Live Writer 來寫文章了。

Step 6. Windows Live Writer 介面簡介

  • 其實 Windows Live Writer 的介面還蠻人性化的（參見下圖）。大致上來說，編輯文章的的工作就在區塊 A 之中完成。如果需要插入 Flickr 的圖片的話，可以從點選區塊 B 的 『Insert Friendly.Flickr』來呼叫 Friendly.Flickr 來使用。編輯過程中，如果需要暫存檔案，按下區塊 C 的 『Save Draft』就可以把文章暫存在自己的電腦中，晚點再繼續進行編輯的動作。全部的內容完成之後，按下區塊 D的 『Publish』就可以把文章張貼到 BlogSpring 囉～

    • LiveWriter02.PNG

 

 

]]> http://blogspring.org/blog/2006/74/feed/ 1 簡易 Flickr 貼圖教學 http://blogspring.org/blog/2006/44/ http://blogspring.org/blog/2006/44/#comments Mon, 02 Jan 2006 21:59:10 +0000 computer http://blogspring.org/blog/2006/01/03/%e7%b0%a1%e6%98%93-flickr-%e8%b2%bc%e5%9c%96%e6%95%99%e5%ad%b8/ 身邊已經有著越來越多的朋友有了 Flickr 的相簿。在這裡寫篇簡短的文章來介紹如何把 Flickr 上的照片與 Blog 結合在一起。

已經會的人，就別進來吧！

Step 1. 在 Flickr 上找到你要放到 Blog 的照片，接著在照片上方的工具列中，按下 " All sizes" 的圖示。

貼圖範例_01

Step 2. 接著選擇你想要貼到 Blog 上的圖片大小。我個人比較偏好選擇 medium 或是 small 的圖片大小。

貼圖範例_02

Step 3. 在選擇圖片大小之後，照片下方會提供現成的照片網址(URL) 和可以拿來貼圖的 HTML 語法。我們把第二項中的 HTML 語法複製起來即可。

貼圖範例_03

Step 4. Well，其實進行到這裡已經完成一半啦。接下來就是要打開自己的 Blog 編輯系統了。我這裡是以 LifeType (前 pLog) 作為範例。
我們在 LifeType 中編輯文章時，一開始是以所見即所得模式來作編輯的。可是我們剛剛從 Flickr 拷貝過來的是 HTML 原始碼，所以不能直接貼到所見及所得的環境下。這個時候，我們要先按下工具列中，最右邊的 < > 符號來切換到原始碼模式才行

貼圖範例_04

Step 5. 按下 < > 之後，會發現我們剛剛打的文字會被一些 <P> 符號包起來。這些就是所謂的 HTML 標籤，我們可以不要理會它。接著，我們把剛剛從 flickr 拷貝來的原始碼貼到自己圖片想放的地方

貼圖範例_05

Step 6. 接著可以再按一次 < >，就可以發現圖片已經貼上去啦～ Well ，很簡單吧！ ^^

貼圖範例_06

]]> http://blogspring.org/blog/2006/44/feed/ 3 好玩的 Button Maker http://blogspring.org/blog/2004/11/ http://blogspring.org/blog/2004/11/#comments Mon, 12 Jul 2004 17:43:01 +0000 computer http://blogspring.org/blog/2004/07/13/%e5%a5%bd%e7%8e%a9%e7%9a%84-button-maker/ 最近在 酋長的部落格 看到了一個用來製作 80×15 pixels 圖示的小工具 – Button Maker 。連上去以後，只要選擇背景、邊線顏色還有文字內容，馬上就可以幫你做出可愛的小圖示。我隨手按了一下就做出了這個圖示： ，當然馬上就被我收集到 BLOG 右下角的貼紙收集區去了。 :D

而除了 Button Maker 這個軟體之外…

在 Steal These Buttons 這裡也收集了很多各式各樣的 80×15 圖示。這邊的圖示都比較華麗些，除了單純的文字以外，還會夾雜一些可愛的小圖。雖然說 80×15 的空間真的很小，但是還是可以找到一些很有創意的作品。需要創作靈感的人，或許可以去那裡找找…

]]> http://blogspring.org/blog/2004/11/feed/ 0