在Yahoo!奇摩部落格【自訂欄位】中做【網站推薦連結】語法張貼範例

在Yahoo!奇摩部落格【自訂欄位】中做【網站推薦連結】語法張貼範例

在Yahoo!奇摩部落格【自訂欄位】中使用圖片檔做網站連結參考語法

<p align="center"><a href="http://網頁網址" target="_blank"><img src="http://圖片網址" width="圖片顯示寬度" height="圖片顯示高度"></a></p>

在Yahoo!奇摩部落格【自訂欄位】中使用圖片檔做網站連結

在Yahoo!奇摩部落格【自訂欄位】中使用圖片檔做網站連結參考語法

<p align="center"><a href="http://tw.myblog.yahoo.com/nkcyc/" target="_blank"><img src="http://pica.nidbox.net/12/y1379556485_4d9d2bae_12.jpg" border="0" width="126" height="90"></a></p>

在【自訂欄位】中【圖片檔網站連結及提供網站連結語法】使用的張貼語法

<p align="center"><a href="http://tw.myblog.yahoo.com/nkcyc/" target="_blank"><img src="http://pica.nidbox.net/12/y1379556485_4d9d2bae_12.jpg" width="88" height="31"></a></p>
<br>
&lt;p align=&quot;center&quot;&gt;&lt;a href=&quot;http://tw.myblog.yahoo.com/nkcyc/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://pica.nidbox.net/12/y1379556485_4d9d2bae_12.jpg&quot; width=&quot;88&quot; height=&quot;31&quot;&gt;&lt;/a&gt;&lt;/p&gt;
<br>

在Yahoo!奇摩部落格【自訂欄位】中張貼動畫圖片範例參考語法

<p align="center"><img src="http://圖片網址" alt=""動畫圖片介紹與說明"" width="圖片顯示寬度"></p>

在Yahoo!奇摩部落格【自訂欄位】中張貼動畫圖片範例

在Yahoo!奇摩部落格【自訂欄位】中張貼動畫圖片範例參考語法

<p align="center"><img src="http://home.educities.edu.tw/nkhs9323005/gif2006101.gif" width="126"></p>

【自訂欄位】【網站文字連結】語法張貼練習步驟

【自訂樣式】【左右欄位內容中標題前小圖片變更設定】語法張貼練習步驟

【自訂樣式】語法張貼練習步驟
張貼步驟：
1.點選右上角【管理部落格】鍵
2.點選左側方【面板設定】鍵
3.點選上方的【自訂樣式】鍵
4.直接張貼下列語法


/*左右欄位內容中標題前小圖片變更設定Nav module list*/
.ycntmod .mbd ul.list li {background:url(http://home.educities.edu.tw/nkhs9323005/GIF20040.GIF) left .2em no-repeat;padding-left:20px;margin-bottom:1px;_margin-bottom:1px;_line-height:1.5em;}


5.點選最下方的【確定】鍵

【自訂欄位】【網站文字連結】語法張貼練習步驟

【自訂欄位】【網站文字連結】語法張貼練習步驟

【自訂欄位】【網站文字連結】語法張貼步驟
1.點選右上角【管理部落格】鍵
2.點選左側方【管理自訂欄位】鍵
3.在【自訂欄位名稱：口(限7字)】中，打入【自訂欄位】文字
4.在【自訂欄位內容：口】中，張貼【自訂欄位】語法
5.直接點選下方的【儲存】鍵

【自訂欄位】【網站文字連結】練習張貼語法

<div><div><ul>
<li><a href="http://home.educities.edu.tw/nkhs9323005/HTMLindex.htm" target="_blank">網頁基本語法區</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/C14.htm" target="_blank">網頁常用語法區</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/B2.htm" target="_blank">顏色數碼內碼表</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/YY20.htm" target="_blank">特殊符號內碼表</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/YY55.htm" target="_blank">背景圖片範例區</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/YY6.htm" target="_blank">gif動態圖片範例</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/YY10.htm" target="_blank">GIF2插圖範例區</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/YY12.htm" target="_blank">jpg靜態圖片範例</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/YY22.htm" target="_blank">JPG插圖範例區</a></li>
<li><a href="http://home.educities.edu.tw/nkhs9323005/C12.htm" target="_blank">分格線長條圖區</a></li>
<li><a href="http://tw.myblog.yahoo.com/nkhs9323005/article?mid=7765" target="_blank">網頁特效語法區</a></li>
<li><a href="http://tw.myblog.yahoo.com/nkhs9323005/article?mid=11180" target="_blank">文字字體設定區</a></li>
<li><a href="http://tw.myblog.yahoo.com/nkcyc/article?mid=1413" target="_blank">捲軸變色語法區</a></li>
<li><a href="http://tw.myblog.yahoo.com/nkhs9323005/article?mid=5158" target="_blank">月中漫舞語法區</a></li>
<li><a href="http://tw.myblog.yahoo.com/nkhs9323005/article?mid=15980" target="_blank">影片分享與教學</a></li>
<li><a href="http://tw.myblog.yahoo.com/nkcyc/article?mid=1726" target="_blank">自訂連結範例區</a></li>
<li><a href="http://tw.myblog.yahoo.com/nkcyc/article?mid=1407" target="_blank">樣式總覽參考區</a></li>
</ul></div></div>

【自訂樣式】【自訂欄位】練習張貼語法顯示結果

網頁基本語法區

網頁常用語法區

顏色數碼內碼表

特殊符號內碼表

背景圖片範例區
gif動態圖片範例
GIF2插圖範例區
jpg靜態圖片範例
JPG插圖範例區
分格線長條圖區
網頁特效語法區
文字字體設定區
捲軸變色語法區
月中漫舞語法區
影片分享與教學
自訂連結範例區
樣式總覽參考區

【自訂欄位】【網站文字連結】語法張貼練習步驟

【自訂欄位】【網站文字連結】語法張貼練習步驟

【自訂欄位】【網站文字連結】語法張貼步驟
1.點選右上角【管理部落格】鍵
2.點選左側方【管理自訂欄位】鍵
3.在【自訂欄位名稱：口(限7字)】中，打入【自訂欄位】文字
4.在【自訂欄位內容：口】中，張貼【自訂欄位】語法
5.直接點選下方的【儲存】鍵

【自訂欄位】【網站文字連結】練習張貼語法

<div><div><ul>
<li><a href="http://www.cyc.org.tw/" target="_blank">中國青年救國團</a></li>
<li><a href="http://www.cysa.com.tw/" target="_blank">中國青年服務社</a></li>
<li><a href="http://www.cyh.org.tw/" target="_blank">救國團活動中心</a></li>
<li><a href="http://www.cyccea.org.tw/" target="_blank">救國團社教中心</a></li>
<li><a href="http://tpmtc.cyc.org.tw/" target="_blank">台北市團委會</a></li>
<li><a href="http://khmtc.cyc.org.tw/" target="_blank">高雄市團委會</a></li>
<li><a href="http://klctc.cyc.org.tw/" target="_blank">基隆市團委會</a></li>
<li><a href="http://tcctc.cyc.org.tw/" target="_blank">台中市團委會</a></li>
<li><a href="http://tnctc.cyc.org.tw/" target="_blank">台南市團委會</a></li>
<li><a href="http://tpntc.cyc.org.tw/" target="_blank">新北市團委會</a></li>
<li><a href="http://tyntc.cyc.org.tw/" target="_blank">桃園縣團委會</a></li>
<li><a href="http://hcctc.cyc.org.tw/" target="_blank">新竹縣團委會</a></li>
<li><a href="http://mlntc.cyc.org.tw/" target="_blank">苗栗縣團委會</a></li>
<li><a href="http://ntntc.cyc.org.tw/" target="_blank">南投縣團委會</a></li>
<li><a href="http://chntc.cyc.org.tw/" target="_blank">彰化縣團委會</a></li>
<li><a href="http://ylntc.cyc.org.tw/" target="_blank">雲林縣團委會</a></li>
<li><a href="http://cyctc.cyc.org.tw/" target="_blank">嘉義縣團委會</a></li>
<li><a href="http://ptntc.cyc.org.tw/" target="_blank">屏東縣團委會</a></li>
<li><a href="http://ttntc.cyc.org.tw/" target="_blank">台東縣團委會</a></li>
<li><a href="http://hlntc.cyc.org.tw/" target="_blank">花蓮縣團委會</a></li>
<li><a href="http://ilntc.cyc.org.tw/" target="_blank">宜蘭縣團委會</a></li>
</ul></div></div>

【自訂樣式】【自訂欄位】練習張貼語法顯示結果

中國青年救國團
中國青年服務社
救國團活動中心
救國團社教中心
台北市團委會
高雄市團委會
基隆市團委會
台中市團委會
台南市團委會
新北市團委會
桃園縣團委會
新竹縣團委會
苗栗縣團委會
南投縣團委會
彰化縣團委會
雲林縣團委會
嘉義縣團委會
屏東縣團委會
台東縣團委會
花蓮縣團委會
宜蘭縣團委會



★在Yahoo!奇摩部落格【自訂欄位】中做【網站推薦連結】語法張貼範例★
http://tw.myblog.yahoo.com/nkcyc/article?mid=1726