現在的書籤愈來愈多了, 原本使用的書籤圖案顯得太大,版面看起來要排齊也不太順眼.
乾脆全改成小圖, 並把code 重新整理一下, 現在看起來總算清爽多了.
主要還是以台灣的書籤網站為主, 國外的書籤網站實在是太多了,族繁不及備載...可再搭配
addthis使用.
程式碼如下, 可取用想引用的部分.
<!-HemiDemi->
<a href="javascript:desc='';via='';if(document.referrer)via=document.referrer;if(typeof(_ref)!='undefined')via=_ref;if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://www.hemidemi.com/user_bookmark/new?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'&description='+encodeURIComponent(desc)+'&via='+encodeURIComponent(via)));"><img
src="http://bloggertips.googlecode.com/files/hemidemi.jpg" title="HemiDemi"
alt="HemiDemi" border="0" width="16" height="16"></a>
<!-Yahoo->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&d='+encodeURIComponent(desc)+'&ei=UTF-8'));"><img src="http://bloggertips.googlecode.com/files/yahoo.jpg" title="Yahoo! My
Web" alt="Yahoo! My Web" border="0" width="16" height="16"></a>
<!-MyShare->
<a href="javascript:(function(){d=document;w=window;t='';if(d.selection){t=d.selection.createRange().text;}else{if(d.getSelection){t=d.getSelection();}else{if(w.getSelection){t=w.getSelection()}}}void(window.open('http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&amp;amp;amp;url='+encodeURIComponent(location.href)+'&desc='+escape(document.title)+'&contents='+escape(t),'newwin'))})();">
<img src="http://bloggertips.googlecode.com/files/myshare.jpg" title="MyShare"
alt="MyShare" border="0" width="16" height="16"></a>
<!-Search 2.0->
<a href="javascript: void(window.open('http://search20.portal20.com.tw/x.jsp?f=1&u='.concat(encodeURIComponent(location.href)) .concat('&t=') .concat(encodeURIComponent(document.title))));"><img alt="Add this page to Search 2.0" src="http://bloggertips.googlecode.com/files/portal2.jpg"
border="0" width="16" height="16"/></a>
<!-Funp->
<a href="javascript: void(window.open('http://funp.com/pages/submit/index.php?url='.concat(encodeURIComponent(location.href)) .concat('&title=') .concat(encodeURIComponent(document.title))));"><img alt="Add this page to FunP" src="http://bloggertips.googlecode.com/files/funp.jpg"
border="0" width="16" height="16"/></a>
<!-RooDo->
<a href="javascript: void(window.open('http://cliip.roodo.com/Main.php?do=Cliip&url='.concat(encodeURIComponent(location.href)) .concat('&title=') .concat(encodeURIComponent(document.title))));"><img alt="Add this page to Search 2.0" src="http://bloggertips.googlecode.com/files/roodo.gif"
border="0" width="16" height="16"/></a>
<!-YouPush.net->
<a href="javascript:q=(document.location.href);void(open('http://www.youpush.net/submit.php?url='+escape(q),'','resizable,location,menubar,toolbar,scrollbars,status'))"><img src="http://bloggertips.googlecode.com/files/yp.gif" alt="YouPush"
border="0" valign="middle" width="16" height="16"></a>
<!-Baidu->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://cang.baidu.com/do/add?iu='+encodeURIComponent(location.href)+'&it='+encodeURIComponent(document.title)+'&dc='+encodeURIComponent(desc)));"><img src="http://bloggertips.googlecode.com/files/baidu.gif" title="Baidu" alt="Baidu"
border="0" width="16" height="16"></a>
<!-Google Bookmarks->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+'&annotation='+encodeURIComponent(desc)));"><img src="http://bloggertips.googlecode.com/files/google.jpg" title="Google
Bookmarks" alt="Google Bookmarks" border="0" width="16" height="16"></a>
<!-Del.icio.us->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://del.icio.us/post?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'¬es='+encodeURIComponent(desc)));"><img src="http://bloggertips.googlecode.com/files/delicious.jpg" title="Del.icio.us"
alt="Del.icio.us" border="0" width="16" height="16"></a>
<!-Digg->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://digg.com/submit?phase=2&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+'&bodytext='+encodeURIComponent(desc)));"><img src="http://bloggertips.googlecode.com/files/digg.jpg" title="Digg" alt="Digg"
border="0" width="16" height="16"></a>
<!-technorati->
<a href="javascript:void window.open('http://technorati.com/faves?add='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title))"><img src="http://bloggertips.googlecode.com/files/technorati.jpg" title="technorati"
alt="technorati" border="0" width="16" height="16"></a>
<!-furl->
<a href="javascript:(function(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');var%20furlit=window.open('http://www.furl.net/storeIt.jsp?t='+encodeURIComponent(d.title)+'&u='+escape(d.location.href)+'&r='+escape(d.referrer)+'&c='+encodeURIComponent(t)+'&p=1');})();"><img src="http://bloggertips.googlecode.com/files/furl.jpg" title="furl"
alt="furl" border="0" width="16" height="16"></a>
13個社群書籤網站有
1. 黑米hemidemi : http://www.hemidemi.com
2. Yahoo : http://tw.myweb2.search.yahoo.com/
3. MyShare : http://myshare.url.com.tw/
4. PChome 的 search 2.0 : http://search20.portal20.com.tw/
5. 最近很紅的推推王 funp : http://funp.com/
6. 樂天書籤 : http://cliip.roodo.com/
7. YouPush : http://www.youpush.net/
8. 百度搜藏 : http://cang.baidu.com/
9. Google : http://www.google.com/bookmarks/
10. 美味 Del.icio.us : http://del.icio.us/
11. Digg : http://digg.com/
12. Technorati : http://technorati.com/
13. Furl : http://www.furl.net/
書籤小圖可以在這裡下載.
2007/05/17 更新
blogger加入書籤的方式.
先選網頁元素-->加入網頁元素-->HTML/JavaScript-->再把 code 貼上.
然後用滑鼠拖拉新增的這個'加入書籤'網頁元素移到你想放的位置.如下圖.
blogger tips
(53)
web2.0
(46)
Blog Element
(42)
Funny
(38)
photo tool
(37)
Web Service
(22)
生活
(22)
twitter
(20)
google
(19)
Game
(15)
image
(15)
食記
(11)
Search Engine
(10)
firefox
(9)
Feed Tool
(8)
YouTube
(8)
專案管理
(7)
Blog SEO
(6)
Free Space
(6)
draft blogger
(6)
news
(6)
poll
(6)
timeline
(6)
瘋活動
(6)
HTML CSS
(5)
Text
(5)
google maps
(5)
絮唸
(5)
Gmail
(4)
瘋音樂
(4)
Plurk
(3)
Yodao
(3)
language
(3)
揪團
(3)
Video
(2)
ajax
(2)
workflow
(2)
四川災變
(2)
國道風光
(2)
blogger template
(1)
sync tool
(1)
- Blog Element (42)
- blogger template (1)
- blogger tips (53)
- draft blogger (6)
2007/05/16
一次將 13 個社群書籤加入至部落格
Labels:
Blog Element,
Bookmark
23 comments:
嗨 skyvee
想問你一下
你的這些書籤是直接把它加到側邊欄
然後再拖到下面的嗎?
還是是修改程式碼呢?
Zero你好,
是的, 直接加到側邊欄, 然後再拖拉到下面.
=)
謝謝你囉,我了解了
看到你加上教學,很不錯呢^^
Zero, 這是我應該要做的, 謝謝你提問. ^^
非常謝謝你的分享呢~~
我也貼去我的blogger嚕~~
也可以跟我的朋友分享嗎?
^^
另~~
我的顯示部分文章部分一直出不來
好奇怪唷~~
該改的都改了說~~
ven's, 沒問題. :)
另外, 您指的是隱藏全文的功能嗎?必須要在每一篇文章中, 加入這段程式碼, {span id="fullpost"}想隱藏的文章內容{/span}. 才可以哦! 請先把{ 用 <, 及 }用 > 取代.
書籤小圖不能下載了
derek,謝謝提醒,已更新圖檔連結了.
請問我照你的方式做了,但是圖示都變成得直的,不能橫著擺放,該怎麼辦呢?
咦?我不知道為什麼你會不一樣呢 ? 請問你的頁面還保留嗎?
有耶!!可以請來看看嗎?
http://notebook-it.blogspot.com
ㄚ晟,是圖片網址失效了,我已改過來,請重新選取程式碼,應該就沒問題了!
謝謝你...但是還是列成直的呢!!
這語法如果會列成直的, 應該是你的blog 範本格式的設定, 你可能要找一下怎麼改哦?你也可以自己新增一個html元件,然後加一下幾個網站連結, 看看是不是一樣都是垂直顯示. 另外你的 hemidemi 語法,有問題哦!請參考一下文章的內容,再改一下,因為你的圖片沒出來..
謝謝提供,但僅有黑米的logo沒出來吔
你看:http://fundtalk-fundy.blogspot.com/
fundy,看了你的原始碼,那段黑米的程式碼不完整了呢?你要不要再對照一下?不然就是重貼一次黑米那一小段的程式?
嗚嗚....我重貼了..但仍是黑米的圖片不見了..但連結是ok的
fundy,你看一下 你那段程式碼是不是這樣? <img
src="http://bloggertips.googlecode.com/files/hemidemi.jpg" title="HemiDemi"
alt="HemiDemi" border="0" width="16" height="16"> 如果不是, 請改一下
板大....黑米的還是有問題...用下面新的程式碼也是顯示不出圖來..
黑米的小貼紙可以在這個網站找到喔!http://www.hemidemi.com/blogtools/sticker
剛剛本來想貼程式碼,可是這個留言板似乎不接受...
謝謝stardustyuan的補充,我自己還是用原來的程式碼沒什麼問題, 還是請DowntoEarth參考stardustyuan貼的官方網站試看看?
我去star大提供的黑米網站弄好貼紙了~多謝S大跟版主..XD
也謝謝 DTE 特地回來告知. ^^
張貼意見
謝謝您願意在此分享心得, 讓文章內容更豐富.