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 則留言 :

國良先生 提到...

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

安傑洛の隨筆塗鴉 提到...

國良兄:
多謝您的指正,我己經改好了..^^

小帽 提到...

分享一個有趣的東西Flash blog show : poque.jp

安傑洛の隨筆塗鴉 提到...

看起來蠻炫的..可惜沒有中文化

匿名 提到...


你的


我的

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

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

http://mokotw.blogspot.com/

安傑洛の隨筆塗鴉 提到...

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

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

匿名 提到...

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

不過算了不是重點

多謝您囉

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


對了
你回話很有效率喔

安傑洛の隨筆塗鴉 提到...

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

鋒哥對你說 提到...

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

鋒哥對你說 提到...

感謝感謝~Angelo你的回覆真讓人感動

安傑洛の隨筆塗鴉 提到...

別怎麼說...教學相長

安傑洛の隨筆塗鴉 提到...

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

小云 提到...

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

Related Posts Plugin for WordPress, Blogger...