目錄表
上一頁下一頁

7 玩法三:收藏文章連結
7.2 加上收藏到黑米的連結

準備連結的語法:

請使用下面這段 HTML 語法:

<a
href="http://www.hemidemi.com/user_bookmark/new?title={$post->getTopic()}&url={$url->postPermalink($post)}"
target="_blank" title="Add To Your HEMiDEMi" >HEMiDEMi</a>

這段語法是來自阿駕零零壹部落格的「[Lifetype] 收藏文章選單 - Del.icio.us、Furl、HEMiDEMi、Technorati」文章。

現在應該大致看得懂這段 HTML 語法了吧!其中:

title={$post->getTopic()}

是說該網址要用 title= 取得我們文章的標題,所以我們用 {$post->getTopic()} 來提供。另外:

url={$url->postPermalink($post)}

是說該網址要用 url= 來取得我們文章的靜態連結網址,所以我們用 {$url->postPermalink($post)} ,用 LifeType 的 $url 物件的 postPermalink() 方法取得文章的靜態連結提供使用。

將這段語法插入模版

我們要把這個收藏文章連結放在文章下方超連結段落的最後面:

收藏至網路書籤連結完成圖

所以,在 post.template 裡面找到 <p class="footer">...</p> ,在 </p> 的前面加入上面的語法:

在 post.template 裡插入插藏至網路書籤的語法

注意:同樣是 post.template 模版檔案,超連結區的位置與模版代碼並不一定與本例相同

完成!等等,別急著收工。

如何測試是否有效?

要自己試試,你得自己到黑米網站去註冊一個帳號才行。或者,請在黑米有帳號的友人幫你試試囉。

等等,我自己沒有黑米的帳號,做這個收藏文章連結有什麼用途?當然是要給網路上廣大的網友收藏你的文章時方便使用的啊!一旦有網友將你的文章收進黑米,代表其他黑米上的網友也有機會看到你的文章哦!其他網路書籤也都有類似的功能。

課後作業

加上收藏至其他網路書籤的連結

請參考上方阿駕零零壹的文章,試著將其他收藏到網路書籤的連結也加進模版裡,甚至,可以試試改變一下方式,把收藏到網路書籤另外放到一個獨立的段落。自己動手試試吧!

將收藏至網路書籤的連結換成圖形

原始範例是使用文字超連結,請把文字部份換成 <img> 標籤,改用圖檔取代。相關圖檔,可以在各網路書籤網站找到。

上一頁下一頁