2009年6月9日 星期二

在Yahoo Blog內加入一個banner的程序

這是因應一個朋友而寫的,不過,對於想做類似的工作而又不知怎做的話,希望也可以幫到手吧。

首先,Yahoo Blog的banner寬度是750點,所以在製作banner的jpg圖時,留意一下寬度,下面是朋友的banner:



在製作這圖時,用了朋友原有的呎吋,是912pixel,不過問題也不大,只要在HTML碼加些控制便可以了,這是稍後的步驟。

放入自己blog內做banner的過程也很簡單,首先按『自己BLOG』返回自己的blog,再按『編輯版面』進入編輯模式:


這時,若你已有banner的位置,只是想改動內容,可以跳過這一步,否則,在彈出的編輯版面工具中選加入組件再按指示加入要用的欄位便可。


在要改動/加入內容的欄位右上角按『編輯』來改動其內容:


此時會見到彈出一個新視窗,容許輸入兩項內容:


把你設計好的banner的jpg檔所在的URL填入欄位正文的位置內,用html的<img> tag即可,若要控制banner大小至指定的750pixel寬度,只要如上圖的做法,加入width="750"便可以了。具體例子看上圖。而欄位標題則是用來確定該欄位左上角的文字。輸入後按儲存即大工告成。如下圖:






2 則留言: