Gormit's 原型製作

Google 提供的連結清單有點單調 沒有圖片
於是就給她加工了一下...



修改了一下原來的連結清單範本,讓它自動加上網頁本身的小圖示
它利用了Google提供的工具來抓小圖示

步驟一
打開版面配置,加入連結清單這個小工具

步驟二
選擇"修改HTML" 並鉤選"展開小裝置範本"
找到步驟一新加的小工具 找像下列的字串
type='LinkList'

步驟三
再下面的html中

<b:loop values='data:links' var='link'>
  <li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>

把下面的html加入<a>前面

&lt;img src='http://www.google.com/s2/favicons?domain_url=<data:link.target/>'
border=0 style='vertical-align:text-bottom'&gt;

像下面這樣

<b:loop values='data:links' var='link'>
  <li>&lt;img src='http://www.google.com/s2/favicons?domain_url=<data:link.target/>'
      border=0 style='vertical-align:text-bottom;' &gt; 
      <a expr:href='data:link.target'>  <data:link.name/></a></li>
</b:loop>

步驟四
按下儲存範本就完成了

使用上沒有特殊需求,直接用小工具本身的編輯加入新的連結即可,它會自己顯示網站的小圖示