2006年9月24日 星期日

加入HEMiDEMi書籤 for Blogger

2007-0303 update 去除共享書籤的圖框

在不影響內文圖框的情況下,把共享書籤的圖框去除
在帶有圖片的語法中加入藍色代碼
<img style='border:0;' src='圖片連結'/></a>

HEMiDEMi小貼紙產生器沒有提供給Blogger用的程式碼,我在我的文章最後加了add to HEMiDEMi的小icon,可以自動的帶出標題跟連結

注意:要改Template前請先存檔備份

修改詳細步驟如下:
1.進入Customize (自訂) > Template(範本) > Edit(修改) HTML > 把 Expand Widget Template(展開小裝置範本) 打勾

在修改範本前先備份起來

找到下面這段代碼
<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>


2.在上面的藍色代碼中間插入下面的紅色代碼
<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 style='border:0;' alt="HEMiDEMi"
src="http://www.hemidemi.com/sticker/addcolor_8015.gif"/></a>

以上結束

附註:
<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 style='border:0;' alt="HEMiDEMi"
src="圖片連結"/></a>
藍色部份的圖片連結,可以到HEMiDEMi小貼紙產生器官方網址去選擇自己想要的圖片


參考連結

13 則留言:

  1. 建議網址中的"&url="改成"&amp;url="

    回覆刪除
  2. 國良兄:
    多謝您的指正,我己經改好了..^^

    回覆刪除
  3. 看起來蠻炫的..可惜沒有中文化

    回覆刪除

  4. 你的


    我的

    1.我的標籤有框框 要如何刪除

    2.還有你標籤下方有 7 blog reactions 要如何用???

    http://mokotw.blogspot.com/

    回覆刪除
  5. 你的問題問得很好,你可以在範本裡找到 post img { padding:4px; border:0px 把border的參數改為0,這樣標籤就沒框框

    blog reactions可以參考我另一篇文章
    誰連結我的文章?Technorati Link Count for blogger

    回覆刪除
  6. 這個我知道
    但我要的是把書籤圖框去除
    而非全部的圖

    不過算了不是重點

    多謝您囉

    可以交換連結嗎
    (好像沒有位置)


    對了
    你回話很有效率喔

    回覆刪除
  7. to mokotw
    我應該沒有誤解你的問題,我的回答是把圖外面的框框去掉,但是圖還在呀...

    回覆刪除
  8. 但是其他我貼的圖不是小貼紙的也會因為改了post img { padding:4px; border:0px 把border的參數改為0而不見框框,我只要小貼紙不要框可以嗎

    回覆刪除
  9. 感謝感謝~Angelo你的回覆真讓人感動

    回覆刪除
  10. to mokotw,鋒哥
    在帶有圖片的書籤語法裡加入style='border:0;',就可以不影響內文圖框的情況下,把框去除
    <img style='border:0;' src='圖片連結'/></a>

    回覆刪除
  11. 謝謝您的通知!
    去除圖框的教學真是太棒了!
    我早就想去除那醜醜的圖框了>_<

    回覆刪除

請輸入您的留言,不回答匿名者的問題,可用電子郵件訂閱回應,可用 HTML 標記,例如 <b>, <i>, <a>