有人覺得好友的列表或是文字型的好友連結不夠具有吸引力，希望是可以做出像最近Xuite的誰拜訪過我的欄位，可以看到大家的大頭照，知道大概是誰人的部落格，或是像Facebook一樣的一堆大頭照的好友列表。這個當然最簡單的作法是叫Xuite做一個大頭照的好友列表欄位，讓大家選擇要不要拉出版面去顯示出來，不過在Xuite沒有大頭照式的連結，我教大家做。

 要在自由欄位去做圖片連結，當然要有圖片及連結網址，一般的語法是用↓
<a href="連結網址">
<img src="圖片網址" width="圖片寬度" height="圖片高度" border="0">
</a>

如果你要的是Xuite裡面的好友，倒是可以到Xuite的我的好友去抓圖(已經存在網址的圖片)，↓
網址是：http://blog.xuite.net/myFriend02.php?lid=jeanson61，將後面的jeanson61改成你的帳號或是其他Xuite的會員帳號即可！裡面會有好友列表跟人緣列表兩類↓

所以直接點圖片，按滑鼠右鍵去複製圖片，然後貼進你新增一篇文章的文章編輯器中，透過http://blog.xuite.net/jeanson61/xuite/225429這篇文章說的，將該圖片產生連結↓


這個就是讓你填寫所要建立的網頁連結URL，所以就輸入一個你要的吧！  下面是我自己的測試Demo用的URL，可別照抄ㄡ : )

一般要連到Xuite的網友的日誌，其URL就是http://blog.xuite.net/帳號/日誌名稱，相狗貓我的就是http://blog.xuite.net/jeanson61/xuite

這樣一來就做了一堆的連結↓
 
  

就拿四個做範例就好，做多了會累。

然後在文章裡面點<>(就是HTML編輯模式切換下圖的2)

會看到像這樣的語法↓
<a target="_blank" href="http://blog.xuite.net/karei/karei">
<img src="http://avatar.xuite.net/11962396" width="98" height="100" border="0"  alt="Karei " /></a>
<a target="_blank" href="http://blog.xuite.net/elusivemood/livingplus">
<img  src="http://avatar.xuite.net/12486920" width="100" height="52" border="0"  alt="阿煙 " /></a>
<br />
<a target="_blank" href="http://blog.xuite.net/rich3000/blog">
<img src="http://avatar.xuite.net/10610991" width="96" height="100" border="0" alt="牛肉麵加蛋" /></a>
<a href="http://blog.xuite.net/catfuny/picture">
<img src="http://avatar.xuite.net/13328933" width="82" height="100" border="0" alt="CatFuny " /></a>

將這樣的語法貼進自由欄位設定中就可以啦（自由欄位語法可參考這一篇教學：http://blog.xuite.net/jeanson61/xuite/11226936）將上面的語法貼進自由欄位的〔本文〕區塊內！