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 + "&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 + "&url=" + data:post.url' class="addToolTip"
title="Add to HEMiDEMi" target='_blank'><img style='border:0;' alt="HEMiDEMi"
src="圖片連結"/></a>
藍色部份的圖片連結,可以到HEMiDEMi小貼紙產生器官方網址去選擇自己想要的圖片
參考連結
在不影響內文圖框的情況下,把共享書籤的圖框去除
在帶有圖片的語法中加入藍色代碼
<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 + "&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 + "&url=" + data:post.url' class="addToolTip"
title="Add to HEMiDEMi" target='_blank'><img style='border:0;' alt="HEMiDEMi"
src="圖片連結"/></a>
藍色部份的圖片連結,可以到HEMiDEMi小貼紙產生器官方網址去選擇自己想要的圖片
參考連結
13 則留言 :
建議網址中的"&url="改成"&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>
謝謝您的通知!
去除圖框的教學真是太棒了!
我早就想去除那醜醜的圖框了>_<
張貼留言