2007/05/16

一次將 13 個社群書籤加入至部落格




現在的書籤愈來愈多了, 原本使用的書籤圖案顯得太大,版面看起來要排齊也不太順眼.

乾脆全改成小圖, 並把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)+'&amp;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)+'&amp;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;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 貼上.


然後用滑鼠拖拉新增的這個'加入書籤'網頁元素移到你想放的位置.如下圖.


相關文章 :

23 comments:

Zero 提到...

嗨 skyvee
想問你一下
你的這些書籤是直接把它加到側邊欄
然後再拖到下面的嗎?
還是是修改程式碼呢?

Skyvee 提到...

Zero你好,

是的, 直接加到側邊欄, 然後再拖拉到下面.
=)

Zero 提到...

謝謝你囉,我了解了
看到你加上教學,很不錯呢^^

Skyvee 提到...

Zero, 這是我應該要做的, 謝謝你提問. ^^

ven's 提到...

非常謝謝你的分享呢~~

我也貼去我的blogger嚕~~

也可以跟我的朋友分享嗎?

^^
另~~

我的顯示部分文章部分一直出不來

好奇怪唷~~

該改的都改了說~~

Skyvee 提到...

ven's, 沒問題. :)

另外, 您指的是隱藏全文的功能嗎?必須要在每一篇文章中, 加入這段程式碼, {span id="fullpost"}想隱藏的文章內容{/span}. 才可以哦! 請先把{ 用 <, 及 }用 > 取代.

Derek 提到...

書籤小圖不能下載了

Skyvee 提到...

derek,謝謝提醒,已更新圖檔連結了.

ㄚ晟 提到...

請問我照你的方式做了,但是圖示都變成得直的,不能橫著擺放,該怎麼辦呢?

Skyvee 提到...

咦?我不知道為什麼你會不一樣呢 ? 請問你的頁面還保留嗎?

ㄚ晟 提到...

有耶!!可以請來看看嗎?
http://notebook-it.blogspot.com

Skyvee 提到...

ㄚ晟,是圖片網址失效了,我已改過來,請重新選取程式碼,應該就沒問題了!

ㄚ晟 提到...

謝謝你...但是還是列成直的呢!!

skyvee 提到...

這語法如果會列成直的, 應該是你的blog 範本格式的設定, 你可能要找一下怎麼改哦?你也可以自己新增一個html元件,然後加一下幾個網站連結, 看看是不是一樣都是垂直顯示. 另外你的 hemidemi 語法,有問題哦!請參考一下文章的內容,再改一下,因為你的圖片沒出來..

Fundy 提到...

謝謝提供,但僅有黑米的logo沒出來吔

你看:http://fundtalk-fundy.blogspot.com/

skyvee 提到...

fundy,看了你的原始碼,那段黑米的程式碼不完整了呢?你要不要再對照一下?不然就是重貼一次黑米那一小段的程式?

Fundy 提到...

嗚嗚....我重貼了..但仍是黑米的圖片不見了..但連結是ok的

skyvee 提到...

fundy,你看一下 你那段程式碼是不是這樣? <img
src="http://bloggertips.googlecode.com/files/hemidemi.jpg" title="HemiDemi"
alt="HemiDemi" border="0" width="16" height="16"> 如果不是, 請改一下

Down To Earth 提到...

板大....黑米的還是有問題...用下面新的程式碼也是顯示不出圖來..

stardustyuan 提到...

黑米的小貼紙可以在這個網站找到喔!http://www.hemidemi.com/blogtools/sticker
剛剛本來想貼程式碼,可是這個留言板似乎不接受...

Skyvee 提到...

謝謝stardustyuan的補充,我自己還是用原來的程式碼沒什麼問題, 還是請DowntoEarth參考stardustyuan貼的官方網站試看看?

Down To Earth 提到...

我去star大提供的黑米網站弄好貼紙了~多謝S大跟版主..XD

Skyvee 提到...

也謝謝 DTE 特地回來告知. ^^

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.