iPlay99玩樂誌

換了新版面，現在要來裝飾門面了，首先做的是增加各大書籤網站的訂閱貼紙，這個手續也蠻簡單的。有幾種不同的做法，可以用簡單的直接貼上的方式，想美化的話，也可以再用CSS加以控制，比較好做變更，我是把兩個摻在一起做(撒尿牛丸？)

做法很簡單，請進到「範本」>>「修改html」>>「展開小裝置範本」

1.在 </b:skin>的上方，加入底下語法

註：如果想把書籤換位置，就把 right 改成 left 或 center，如果想改變書籤貼紙的左右間隔，就變更紅色的5，如果要改變上下間隔，就變更藍色的5即可。

span.bookmark-icons {
float: right;
}
span.bookmark-icons a{
text-decoration: none;
padding:5pt 5px;
}

2.你可以查找 post-labels 或是 <b:if cond='data:label.isLast != "true"'> 找到底下這一段程式碼，在</span>底下自行新增兩行藍色字體。

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>

<span class='bookmark-icons'>
書籤代碼插入位置
</span>

3.從底下挑選想要的書籤程式碼，貼到「書籤代碼插入位置」即可

我列出幾個我常用的，以及我將那些圖片上傳到Google Pages的網址，你可以直接使用，或是把圖抓下來上傳到自己的空間，再把你自己的圖片連結取代掉「圖片連結」即可。

Funp 推推王：

http://sandnfish.googlepages.com/bookmark-funp.gif

<a expr:href='"http://funp.com/pages/submit/?popup&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='貼到funP'><img src='http://funp.com/images/tools/post_04.gif' style='border:0; weight:16px; height:16px;'/></a>

HEMiDEMi黑米書籤：

http://sandnfish.googlepages.com/bookmark-hemidemi.gif

<a expr:href='"http://www.hemidemi.com/user_bookmark/new?title= " + data:post.title + "&amp;url=" + data:post.url' class="addToolTip" title="Add to HEMiDEMi" target='_blank'><img border="0" alt="HEMiDEMi" src="圖片連結"/></a>

Technorati：

http://sandnfish.googlepages.com/bookmark-technorati.gif

<a expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' title="Add to Technorati" target='_blank'><img border="0" alt="Technorati" src="圖片連結"/></a>

Del.icio.us

http://sandnfish.googlepages.com/bookmark-Delicious.gif

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' title="Add to Del.icio.us" target='_blank'><img border="0" alt="Del.icio.us" src="圖片連結"/></a>

udn：

http://sandnfish.googlepages.com/bookmark-udn.gif

<a expr:href='"http://bookmark.udn.com/add?f_TITLE=" + data:post.title + "&amp;f_URL=" + data:post.url' target='_blank' title='加入udn共享書籤' ><img src='http://bookmark.udn.com/html/help/udn.gif' style='border:0; weight:16px; height:16px;'/></a>

Myshare

http://sandnfish.googlepages.com/bookmark-myshare.gif

<a expr:href='"http://myshare.url.com.tw/index.php?func=newurl&amp;url=" + data:post.url + "&amp;desc=" + data:post.title' title="收進你的MyShare個人書籤" target='_blank'> <img border="0" alt="MyShare個人書籤" src="圖片連結"/></a>

Yahoo

http://sandnfish.googlepages.com/bookmark-yahoo.jpg

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;=" + data:post.title' title="Add to Yahoo web" target='_blank'><img border="0" alt="Yahoo" src="圖片連結"/></a>

4.最後再來一個總合的，含蓋了其它國外大大小小的書籤網站：

http://www.addthis.com/

這樣文章的書籤訂閱就算處理好了，以上，完畢。

參考資料：

CSS做法：在文末加入文章訂閱圖示 by Abin
簡單做法：在每篇文章底端放置各大共享書籤 for blogger by Angelo
各大共享書籤代碼 by Angelo

HEMiDEMi 的標籤：書籤貼紙,bookmark,addthis