2008年2月18日 星期一

如何在你的Blog中加入自定欄位?

Yahoo Blog容許我們加入一些自定的欄位,所以我們可以在版頭加入一些比較複雜的圖片文字等,讓我們一起學習一下怎樣做吧。


第一步,一定要在『自己BLOG』的狀態下操作,否則你會接到下面的訊息:


首先是加入組件,方法是在『編輯版面』上按一下,再選『加入組件』


我們今次是要加入一些空間讓我們可以在裡面加上圖片文字之類,由於是固定的欄位,可以將一些要宣傳或公告的東西放進去而不會隨著每日的網誌而改動,另一方面,也可以隨時改動而不影響每日的網誌。有許多不同的組件可以加入,不過我們用的是全空全由自己控制的『自定欄位』


按下一步後,就會出現讓我們決定自定欄位位置的選項,由於是公告之類的東西,最好在網誌的開始部份出現,否則會被人遺漏,所以選上方,決定好位置,初步工作便完成,回到自己BLOG中,會見到加入了一項新但空的項目在網誌的上方,下一步自然是編輯內容。


要編輯內容,按『編輯版面』一下,不用再選彈出的三個選項,但會發覺那個自定欄位中多了一個『編輯』的按鈕,按它一下就可以修改/編輯這個自定欄位的內容了。


每個自定欄位共有兩項內容,一個是在左上角的欄位標題,另一個是自動排中的欄位正文。如果只是要一些文字訊息,在這裡直接鍵入所需的文字即可以了:


不過,若要加入一些連結或是一些圖片,就要認識一點HTML編碼的技巧,例如要加入一個連結到我的相簿,就要如下面的寫入HTML編碼:


為何要自己動手寫HTML呢,也不知道,或許較後的版本會改善這點,讓我們可以如編寫網誌時有smart HTML editor可用。不過,認識 一些HTML碼也是無可厚非的,所以我介紹一小點這方面知識,大家就可以像我一樣識小小扮代表了。


HTML語言只是一種裝飾文字的語言,沒有複雜的程式邏輯,只要把裝飾的要求在有關文字的前後用標纖寫明便可以。所有HTML的標纖都是用<及>標示,要有關的文字用粗體裝飾,就用<B>及</B>把有關的文字標示出來,例如:...我們<B>必定要</B>把這些東西.... 中,必定要三個字會變成粗體印出來。


當然什麼標纖是合法,什麼是不能用,有厚厚的HTML manual說明,我們也不用太理會。針對Yahoo BLOG常用的只有下面幾個。



  1. 連結 <A href="http://hk.uploader.blog.yahoo.com/post/......">文字</A>
    要連結到別的網址,用以用標纖,其中href="後的位置放上完整的網址,Yahoo BLOG不接受簡化的寫法,連http://也要放上,而在<A>與</A>之間的文字,就是在畫面看到用作連結的文字。
  2. 圖片 <IMG src="http://hk.uploader.blog.yahoo.com/post/......" width=450>
    同理,src="後是放上圖片所在的網址,如果另外有相簿放相,這裡就是該相片的網址,如果是Yahoo BLOG內的圖片,這裡會放上一大串文字,我提議另外用別的方法,下詳。而width="450"是要求顯示出來的圖片的大小,Yahoo BLOG不能放過大的圖片,否則顯示不正常,450是不錯的大小,如果你想小一點,可以用較細的數值如400等,如果想大一些,就不妨試一下多大仍可以正常顯示。

  3. 轉行 <BR>
    轉行標纖只有開始,不用結尾,遇有<BR>時就會跳下一行顯示。

  4. 如果不想記這些HTML碼,其實有個很方便的方法,是Olive想出來的。原則是利用Yahoo BLOG的smart HTML editor。


    首先,找一篇有回覆的網誌來回應,這時,你會見到smart HTML editor


    如平時一樣打入你的文字


    再如常加入連結﹝或圖片之類....]


    結果是這樣了


    完成編寫後,在編輯HTML源碼中加選,即可以看到HTML碼


    複製這些碼備用即可,而那個回應,當然取消了便可。


    無論用什麼方法,寫好後的新欄位便永久留在網誌的頂頭了:


    其實HTML碼是十分好玩的小玩意,不過,Yahoo並不支援全部HTML碼,有興趣不妨自己詳細試試。


     


7 則留言:

  1. HTML... 我學左好耐先用到php,如果要學埋html應該要十年八載.
    [版主回覆02/19/2008 13:43:00]php係比較高深的東西,我識左html十年先可以入手php,咁睇泥你只要一兩日就可以攪掂html

    回覆刪除
  2. 咁點樣可以令到新增o個個欄位大d呀?係咪打多d野佢就會自動加大ga??thznks!
    [版主回覆02/19/2008 18:39:00]係呀,佢會自動加長,闊度就唔可以改。

    回覆刪除
  3. ooh thank you for this thorough explanation^^
    would you by any chance know how to add music to yahoo blog? because i found someone had a player on theirs :S
     
    [版主回覆02/23/2008 18:37:00]這個是在網上找來的 Yahoo Blog加音樂
    希望對你有用。

    回覆刪除
  4. 哈!你寫啲嘢好正!今晚試吓先!
    [版主回覆02/23/2008 18:37:00]成功了嗎?

    回覆刪除
  5. thanks for the link !!!! ^^

    回覆刪除
  6. 唔得...
    [版主回覆02/24/2008 05:23:00]加唔到新欄位定新欄位內容做唔到要求呀?
    如果係後者,你講你想點睇下可唔可以幫到你?如果前者,應該照做就得。

    回覆刪除
  7. 係想放以下的其中一個在blog到... 嘻嘻... 幫朋友賣廣告... 條link本身work,但係放喺blog到就唔得... 第一種: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 "
    width="200" height="445">  <param name="movie" value=" http://www.mallid.com/adBanner2.swf?currency=HKD&xmlhttp=http://www.mallid.com/affiliateSrc.do?re=170%26%hltype=s%26%hvalue=12legs "
    allowScriptAccess="always">  <param name="quality"
    value="high"><param name="BGCOLOR" value="#FFFFFF">  <embed src=" http://www.mallid.com/adBanner2.swf?currency=HKD&xmlhttp=http://www.mallid.com/affiliateSrc.do?re=170%26%hltype=s%26%hvalue=12legs "
    width="200" height="445" quality="high" pluginspage=" http://www.macromedia.com/go/getflashplayer "
    type="application/x-shockwave-flash" bgcolor="#FFFFFF"
    allowScriptAccess="always"></embed></object>       第二種: http://www.mallid.com/affiliate.affiliateBanner.do?re=170&ltype=s&hvtype=v&value=12legs

    回覆刪除