眼尖的人應該已經發現,卜媽又在奇摩部落格裡加上了自訂的賣場和氣象圖欄位.這也是奇摩部落格所開放的新功能之一.所以,今天就在來跟大家說明一要如何使用HTML的語法,來設計自訂欄位吧!*_^
1.請先到"管理部落格"的頁面,找到"管理自訂欄位"點入.
出現的欄位如下:
在內容欄位打上語法儲存就可以了.
2.語法介紹一:圖片加文字連結
以卜媽的賣場欄位為例,語法如下:
圖片部分語法:
欲顯示的圖片位址(註一)" height="50" width="130">
語法解說:
img scr= :插入圖片
height= :圖片高度(一公分約50 px)
width= :圖片寬度(一公分約50 px,可是卜媽發現YAHOO的欄位寬度最多到130就不行了)
(註一)圖片的網路位置,首先要先把圖片放到開放的網路存取空間,對著圖片按右鍵,會看到跑出一個視窗,找到最下面的"PROPERTIES"點進去,就會出現另一個視窗.找到:ADDESS(URL),將他後面的網址就是圖片位址.請將它從HTTP開始複製下來.
文字連結部分語法
欲連結的網址"> 欲顯示的文字內容 語法解說: font color= :文字顏色 ,請填寫色碼表代號(查詢色碼代號) a href= :插入超連結 size = :文字大小(請參考如何放大字體) 成品: (欄位位置的話,要儲存後,到板型設定去改) 3.語法介紹二:小圖連結 以卜媽的相本欄位為例: 語法為: 欲連結的網址">< font> src="圖片網路位址" height=50 width=50 > 成品: 注意: 有些朋友反應小圖放不上去,老是出現X,卜媽剛剛發現,多是從相本裡抓圖片,可是,因為抓網址時的狀態是登入中,所以抓出來的位址會不正確,小圖就顯不出來囉~所以,解決這方法,就要先登出,進入你的部落相本中將位址複製到自己的文件中,再登入部落格去貼,這樣就顯的出來囉~*_^ 祝大家成功!!
< font>
" />
欲輸入的文字
留言列表
其他分享 (12)
{{ article.title }}
