[教學]樂多築巢三部曲～小技巧分享心得

在首部曲與二部曲後，大家應該都學會如何快速的在樂多日誌上建立起自己的網誌了吧？
接下來就是把自己想說，想表達的內容大聲的在自己的BLOG上說出來，精彩的呈現表達。
在這結尾的三部曲，老頭想跟大家分享一下自己使用上的幾個小秘訣：

一、文章置頂：
就像站上的精選文章一樣，如果有些內容是想要置頂的文章要如何處理呢？多數的BLOG文章排序都是依照日期來排序，所以要置頂的文章，我們由時間來動手腳就OK啦！

首先，登入樂多的日誌後，點選BLOG發表底下的文章編輯管理


在下面的頁面中找到要置頂的文章，以老頭的文章為例，假設老頭想把新井日式料裡的文章置頂，就點進去該文章。順道一題，舊文章的編輯與刪除修改也是在這邊完成


進到編輯畫面後，直接把視窗拉到下面，可以看見投稿時間


樂多的日誌文章排序就是靠這投稿時間來排的，所以只要將要置頂的文章投稿時間拉到未來，那麼他就會自動置頂囉，就算新進文章也會在他的下面。舉個例子，今天是2005/06/03，找到要置頂的文章後，將投稿時間改成2005/07/01。這樣一來，在7月一號前發表的文章都會在這篇文章的下面囉！當然，如果只要讓文章置頂3天，那就把時間改成2005/06/06。這麼一來，3天後文章就自動下架，方便愉快。

二、直接圖片瀏覽
在樂多的日誌中，一般人沒注意到的情況下，如果想PO上一篇圖文並茂的文章，可能會讓您失望了。老頭是個很懶惰的人，所以希望一篇文章就是一眼看完。偏偏剛使用樂多日誌時，傳上去的圖片在文章中都會變的小小的縮圖，還要點圖才會另開視窗來開啟原尺寸的圖片...有種讓人火大的感覺。沒關係，這只是個小訣竅而已，老頭一說您就一定明白。首先，我們要先上傳圖片，請點選BLOG發表底下的上傳檔案、圖片


在下面視窗點選上傳圖片檔案就會跳到上傳的介面。注意到了嗎？下面有個產生預覽圖，預設值是勾選的。只要取消就可以囉！




看，老頭的BLOG上圖片就不是預覽圖囉。但是這邊需要跟大家強調一下。BLOG的版面通常都是寫的蠻死的，所以如果貼上太大尺寸的照片，畫面會被切掉唷！所以建議上傳前需要先調整好圖片尺寸大小。建議等比例調成寬度為350-400pix之間，畫面會最平衡，也能夠達到舒適的閱讀程度


三、上傳多圖文章排版注意事項及問題排除
別逗了，這算什麼小技巧？不就是上傳圖片那邊一直點就好了嗎？這麼想的朋友們自己先別看這段文章，試著做做看你就會發現問題所在。讓我們來實際操作一次，看看有什麼小技巧吧！

首先，老頭以首部曲文章為例，目標就是PO在自己的日誌上，是一篇多圖教學文，也希望圖片是完整呈現不縮圖。先把要上傳的圖大小調整好（老頭寬度設定為350pix），然後在上傳畫面一口氣點完15張圖，然後把下面的『產生預覽圖』取消掉。


點選完後上傳，一小斷時間後就可以看到上傳完成，並且貼心的問你要不要用這些圖片發表新文章


好了，在這邊會發現第一個問題。老頭認為這是個BUG，也有跟樂多反應過。樂多回應是說這是個值得商討的設計，非BUG......。問題在哪呢？剛剛不是上傳15張？一點選發表新文章，他只會帶入最後一張圖片。挖咧，那前面14張還要自己慢慢去點喔？如果都要自己點，那麼上傳完後就不用來個發表新文章的連結啦！不過這邊也要小小鼓勵一下樂多，老頭在學習過程中一直向樂多反應問題，他們都很快速的回覆，相當用心。


好吧，那就點選『本文』欄下方的『插入圖像或檔案連結』，慢慢的將剛剛傳上的圖點插入吧


15張圖片都插入了，就發送BLOG，更新後趕快連上自己的BLOG看看吧！


邀受～網頁都變形了，圖片都橫著擺呀！又不是PAPAGO，還要來個橫置導航？


來，讓我們回頭看一下，在發表新文章的地方下面都有一個小框框，不知道各位有沒有注意看？


原來圖片後面都要加上< br clear=all>才會自動排好呀！這就是老頭前面為什麼一直強調最好別使用HTML格式或是要切換回原始碼的原因了，只要複製上這句話，然後在每張圖片的原始碼後面貼上這句就OK啦！


來，15張圖片後面都貼上這句話了，重新發佈試試看。果然，這次圖片是垂直排下來了。


不過，眼尖的朋友也發現了吧？問題又出現了。老頭不是說只要取消產生預覽圖，圖片就會維持原大小？為什麼只有第一張圖片是OK，後面的所有圖片還是出現縮圖？

這又是第二個問題囉～老頭也向樂多反應過了。殘念，樂多官方證實這的確是個BUG！目前無解，修復時程未知.....那麼，難道我們要忍受這樣的大小圖？當然不行呀！

那老頭，說不行的也是你，總該提出個解決的方法吧？

別急，方法如下：
1.白痴解決法（是說這方法很簡單，不是說用這方法的是白痴唷！）：既然他只有第一張會正常，那麼～在上傳圖片時每次就傳一張呀！像老頭這篇要15張圖片，就給他上傳圖檔15次，這樣一來就沒問題了！此方式經實際測試的確可行....只要你不嫌煩

2.修改HTML碼：當然，我們也可以由修改HTML碼來一口氣解決這個BUG。當我們插入多張圖片後，檢視原始碼，會發現一場串如下圖的『亂碼』（看不懂的人真的會覺得是亂碼），老頭把他貼到筆記本，並且斷開讓大家看仔細點


這邊先大致上跟大家解說一下HTML的語法，由於這老頭也是三腳貓，所以只是說一下，讓大家知道怎麼改就好。
HTML的語法通常都是頭尾一組，什麼叫頭尾一組呢？就是< xxx >開頭，< /xxx >結尾。例如上面的原始碼，開頭是< div>，結尾就一定會有< /div >；有< a>開頭，也一定有< /a >結尾。而href = "網址"這就是一個超連結，image class ="........."這就是一張圖片，width = "數字"是規定圖片寬度，height = "數字"是規定圖片高度，aling = "left"是規定圖片對齊版面的方式，左中右的英文填入即可。簡單說明一下，01上高守如雲，請別笑老頭魯班門前弄大斧。

好囉，既然會看了，也知道第一張圖示正確的，讓我們來修改之後的圖片吧！首先，就把代表連結的那整排文字消掉吧！（< a href="http://blog.yam.com/keiichitea/91023073.jpg" target="_blank">這一排），我們是要直接看整張圖，不想看縮圖不是？既然< a>開頭已經被消掉了，那麼後面的< /a >自然也可以消掉他。

接著，讓我們來看看剩下的東西～ < DIV class=pict > < img src="http://blog.yam.com/keiichitea/91023073_s.jpg" width="160" height="120" border="0" alt="002.jpg" hspace="5" align="left"> < /DIV > 。有沒有發現，91023073_s.jpg跟我們剛剛消掉的連結圖片檔名很像，只是多了_s？也就是說樂多的系統在建立縮圖時名稱會多個_s，既然我們要顯示正確的圖片，就把_s消除，呼叫出正確的圖片吧！

最後，只要修改代表圖片寬度跟長度的數字（也可以自己給要的大小啦），需要的話也可以調整一下對齊方式，這樣就大功告成囉！

經過修改後，正確的圖片原始碼如下


把他貼回樂多的文章編輯區中，重新發佈看看，嘿嘿～正確的畫面就出來囉！


四、幫自己的BLOG加個時鐘吧
記得老頭提過的自由欄位吧？原本老頭的BLOG在自由欄位部分是放自己的寵物島的，不過最近覺得很麻煩，因為這樣一開自己的BLOG，寵物島就會因為重複登錄而斷線囉。所以打算來換個新玩意。換什麼好呢？給沒有時間觀念的老頭一個時鐘吧！這樣可以提醒自己時間，不會忘了該做的事

首先，請點我連結到選擇時鐘的網站，這是日本一家動態CG設計公司所提供。

接著，在左邊的欄位挑選一個你喜歡的時鐘


右邊將會出現時鐘的預覽，上面的色棒可以調整時鐘背景顏色，可以讓你比對自己BLOG的底色看搭不搭，下面則是選擇鐘面的顏色，每款時鐘共有10種顏色可以選擇。


選擇完成後，時鐘下方會產生原始碼，把這段原始碼複製起來，到樂多BLOG管理頁面的設定插入欄位中，找到自由欄位後進入，把原始碼貼上再重新發佈就可以了。順道一題，自由欄位並沒有限定只能一個，所以可以新增一個自由欄位來放時鐘就OK了


看，這樣是不是在自己的BLOG上擺上了一個可愛的時鐘呢？


樂多築巢三部曲老頭想就到這邊完結吧！也希望這只是個拋磚引玉的開始，大家都能分享一下自己BLOG建構的心得步驟，讓有心加入BLOG築夢的新手能夠快樂上手，輕鬆分享。