[教學]一個人向世界發出聲音～樂多BLOG築巢四部曲（簡易FLASH按鈕製作）

這篇文章，距離上一篇的樂多教學已經很久囉。基本上我覺得樂多的BLOG使用上還是相當的方便，雖然容量只有50MB，但是功能還不錯，版面也蠻多款，反應的BUG也都很快修正，並且有匯出匯入的功能，讓我沒有搬家的慾望。

有興趣或是想在網路上建立自己BLOG的朋友們，可以參考我之前的教學文章：
一個人向世界發出聲音～樂多BLOG築巢首部曲
樂多BLOG築巢二部曲，強化你的BLOG
樂多築巢三部曲～小技巧分享心得

當然，也可以參考這篇～由貓姐發表的小撇步
《cat的小撇步》在Blog放入好玩的Flash時鐘吧！

接下來，讓我們針對樂多的BLOG來做個簡單的改造，讓自己的BLOG有那麼一點點跟人家不一樣總是多份新鮮感嘛！

今天要跟大家分享的，是關於樂多BLOG的每月記事跟連結書籤的修改，也算是我的小撇步

歡迎先來到我的BLOG～曬月亮的貓。可以發現左邊的欄位中，我新增了每月記事（每月發表文章）以及連結書籤（一般的好站連結）。


不過每月記事跟好站連結在樂多的BLOG...應該說所有的BLOG都是設定用文字連結，所以感覺有些單調。加上他的每月記事有點陽春，只能設定有或沒有，不能設定顯示幾個月....

像我這樣從2003年12月記錄到現在的資料，這麼多個月份，讓每月記事拖了很長一串。不過沒有這每月記事，人家如果要找舊一點的文章又不方便，真讓人頭大。


至於連結書籤，也都是文字的連結，看起來真的比較枯燥一點。


到樂多的插入欄位設定裡面去看一下，果然每月記事後面是沒有設定選項的，無法設定只要顯示前幾個月就好...


那麼，讓我們開始來動手做一點小修改吧。這次跟大家分享的是超簡單修改法，不需要會任何語言或繁雜的軟體就可以製造出來的FLASH按鈕，需要的軟體～Macromedia DreamWeaver。沒錯，不是用FLASH，用DW就可以做些簡單的FLASH動態按鈕囉，我使用的是MX 2004版。


開新檔案後選擇設計，這樣介面比較像WORD，應該比較親合一點。程式碼就是看到HTML語言，分割就是以上下方式將設計面跟程式碼都顯示


要插入FLASH按鈕前，得先存檔唷！不然不給插入的。要記得自己存在哪邊，因為等等要去那找檔案。


先來做連結書籤的按鈕吧！首先點選插入～媒體～FLASH按鈕。


接著，就會跳出這樣的視窗，讓你製作自己的FLASH按鈕。當然，老頭要聲明的，這是個簡單的FLASH按鈕製造機，使用這製造機做出來的按鈕當然都差不多，所以高手們請儘管自己用FLASH做出與眾不同的按鈕，這是讓想要單純跟大家分享自己生活的朋友簡單的BLOG裝潢方式。


樣式部分可以選擇按鈕的樣版，選取了樣版後再上面的範本視窗可以看到樣版的模樣，當然，也可以把滑鼠移過去看看滑鼠指標移過按鈕跟按下按鈕時的特效，有的樣版還有音效唷！

而按鈕文字欄就是就是要顯示在按鈕上的文字、字型、字體大小設定好後，將連結網址貼上，在目標視窗中選擇_blank（開新視窗，如果選擇_self則會變成原本視窗開啟。）就可以了。


點選確定後，就可以看到按鈕出現在網頁上囉。這時候選取按鈕，點選程式碼


在一堆HTML語言中，有一段話會被反白，這就是那個按鈕的HTML語法，可以找到按鈕的實際大小。我選的這樣版配合字體大小的按鈕為width（寬）100，height（高）20


來，到你剛剛存放Dreamweaver新HTML檔的檔案夾中，就可以看到製造出來的button1.swf了


連點兩下打開來看看～果然是那個按鈕。試著點點看，也果然會以新視窗開啟01的網頁囉。


舉一反三，當然大家可以開始把其他的連結按鈕做出來囉。等到所有的按鈕都做好後，就可以準備上傳囉。

首先，把所有的按鈕上傳到樂多的空間中，上傳方式請參閱老頭的前幾篇文章。


接著到樂多的BLOG裡面去新增插入欄位，選擇自由欄位。


接著要設定插入的FLASH按鈕。語法如下：
< embed src="http://blog.yam.com/keiichitea/02fbb590.swf" width="100" height="30" quality="High" mode="transparetn" > < /embed >
請記得把" < " 跟 " > "符號前後的空格消除。而http://blog.yam.com/keiichitea/02fbb590.swf這個就是要插入的按鈕網址，可以到上傳檔案處找到要插入的檔案後，在上面按右鍵，跳出的選單中選擇複製捷徑，在到這邊貼上就可以囉。width="100" height="30"就是剛剛請大家看的按鈕大小，高度設定30就可以讓按鈕不會貼在一起。看有幾個按鈕要插入就重複幾次，只要改中間的按鈕網址就可以了。




這樣一來就大功告成囉，請記得要更新頁面，才可以看到成果。

接著，讓我們來改造一下冗長的每月記事，我的作法是讓每月記事只顯示最近四個月的文章，以及一個更多其他文章的按鈕。按鈕的作法跟上面介紹的一樣，這邊就不贅述。

首先，先把那一長串的每月記事選取後複製，並且先確定一下自己發文設定有啟用HTML模式。

接著，新增一篇文章，把複製的內容貼上，會發現完整的每月記事包含連結都被貼入文章囉。順手可以把連結的字體改成中文，這樣清楚多了，也可以換一下字體顏色，這樣更好區分年份。


確認一下文章會是公開的，並且將發表日期改成最早，這樣可以讓文章沈到最後面，不會輕易讓人家看到。


發佈後在自己的BLOG找到這篇文章，並且記錄下這篇文章的網址。


回到文章編輯管理後，把這篇文章的屬性改為草稿，並且不接受回應後重新發佈，這樣一來這邊文章就消失了，改成草稿的文章一般人是看不到的，除非知道那篇文章的網址。


接著，很簡單，只要照上面的方式用DreamWeaver做五個按鈕～2005年9月、2005年8月、2005年7月、2005年6月，以及一個更早已前的文章，分別連結到2005年9月文章、2005年8月文章、2005年7月文章、2005年6月文章，以及我們剛剛發表的那篇草稿文章網址。接著，照同樣的方式把這五個FLASH按鈕上傳到樂多的BLOG空間，並且新增插入欄位（自由欄位），以同樣的語法插入這些按鈕後發佈就可以囉！

讓我們來看看剛剛更新的結果～原本一整排的文字連結就變成了FLASH按鈕囉！是不是比較跟大家的不一樣了呢？


按下幻水貓貓的異想，果然會連結過去囉！好站連結改造成功。




按下2005年9月的按鈕看看，今年9月發佈的文章就全部列出來囉。要找舊一點的文章，只要點下更早以前的文章按鈕，被我們當成草稿隱藏起來的所有文章連結文就被召喚出來，輕鬆可以找到更早的文章。






其實這只是個小小的改造，FLASH高手們也許覺得沒啥意義，但是針對不懂這些，只想在網路上跟大家分享心情的朋友們卻是可以嘗試看看的改造。也許有天改出了興趣，也可以學著試試看FLASH，這樣又可以多學點東西唷！例如簡單的形狀漸變也可以做出有趣的按鈕，這樣只要1分鐘就可以完成，有興趣的話下次再跟大家分享吧！