追蹤
Ressol's Blog - 舊站
關於部落格
您好,這個網誌已不再更新,僅同步張貼來自新站的文章。
若要閱讀新文章,請您前往 這裡
  • 68863

    累積人氣

  • 5

    今日人氣

    0

    追蹤人氣

【教學】幫天空、無名加入書籤按鈕 - 更新 (2007.04.21)

 - 天空部落不提供,那要怎麼辦法?
搬家到 PIXNET 去?嗯... 似乎不大適合懶人。
弄個程式來改改?..... 聽起來不錯,不是有句話叫做什麼『科技始終來自於懶性』的嗎?

(經過了一會兒... )

鏘!鏘!鏘!鏘! 大功告成 

[ 天空部落的畫面 ]


[ 無名小站的畫面 ]

這個功能主要是透過 jQuery 與 javascript 達成,各個書籤的主要語法沒有什麼改變。
技術性的問題,有興趣的朋友歡迎一起討論,在這裡直接說要怎麼改。

1. 把本文的附件下載回去, 用筆記本 (或其他文書編輯器) 開啟, 複製內容
2. 或依照你的部落格系統,將下面的內容複製起來

for 天空部落‧新網頁樣版
  1. <!-- add by Ressol -->
  2. <!-- start of bookmark list? -->
  3. <div id="add2bookmark" class="highlight" style="display:none"><p align="left">加入書籤:
  4. <!--HemiDemi-->
  5. <a href="javascript:addBookmark('hemidemi');"><img src="http://blog.pixnet.net/imgs/tags/hemidemi.jpg" title="HemiDemi" alt="HemiDemi" class="bkimg"></a>
  6. <!--MyShare-->
  7. <a href="javascript:addBookmark('myshare');"><img src="http://blog.pixnet.net/imgs/tags/myshare.jpg" title="MyShare" alt="MyShare" class="bkimg"></a>
  8. <!--Baidu-->
  9. <a href="javascript:addBookmark('baidu');"><img src="http://blog.pixnet.net/imgs/tags/baidu.gif" title="Baidu" alt="Baidu" class="bkimg"></a>
  10. <!--Google Bookmarks-->
  11. <a href="javascript:addBookmark('google');"><img src="http://blog.pixnet.net/imgs/tags/google.jpg" title="Google Bookmarks" alt="Google Bookmarks" class="bkimg"></a>
  12. <!--Yahoo! My Web-->
  13. <a href="javascript:addBookmark('yahoo');"><img src="http://blog.pixnet.net/imgs/tags/yahoo.jpg" title="Yahoo! My Web" alt="Yahoo! My Web" class="bkimg"></a>
  14. <!--PC Home-->
  15. <a href="javascript:addBookmark('pchome');"><img src="http://w6.pchome.com.tw/template/icon/favicon.ico" title="PC Home Search 2.0" alt="PC Home Search 2.0" class="bkimg"></a>
  16. <!--Fiigo-->
  17. <a href="javascript:addBookmark('fiigo');"><img src="http://www.fiigo.com/bookmark/pic/save_icon/icon-16x16-2.gif" title="Fiigo" alt="Fiigo" class="bkimg"></a>
  18. <!--You push-->
  19. <a href="javascript:addBookmark('youpush');"><img src="http://blog.pixnet.net/imgs/tags/yp.gif" title="You Push" alt="You Push" class="bkimg"></a>
  20. <!--Del.icio.us-->
  21. <a href="javascript:addBookmark('delicious');"><img src="http://blog.pixnet.net/imgs/tags/delicious.jpg" title="Del.icio.us" alt="Del.icio.us" class="bkimg"></a>
  22. <!--Digg-->
  23. <a href="javascript:addBookmark('digg');"><img src="http://blog.pixnet.net/imgs/tags/digg.jpg" title="Digg" alt="Digg" class="bkimg"></a>
  24. <!--technorati-->
  25. <a href="javascript:addBookmark('technorati');"><img src="http://blog.pixnet.net/imgs/tags/technorati.jpg" title="Technorati" alt="Technorati" class="bkimg"></a>
  26. <!--furl-->
  27. <a href="javascript:addBookmark('furl');"><img src="http://blog.pixnet.net/imgs/tags/furl.jpg" title="Furl" alt="Furl" class="bkimg"></a>
  28. <p></div>
  29. <!-- end of bookmark list -->
  30.  
  31. <script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
  32. <script type="text/javascript">
  33. $(document).ready(function() {
  34.         var divTrk = $("#trackback");   
  35.         if( divTrk.length>0 ) {
  36.                 // var divCat = $("div.cheer"); /* 置於頁首 */
  37.                 var divCat = $("div.post_info"); /* 置於頁尾 */
  38.        
  39.                 var brk = $("#add2bookmark");
  40.                 brk.find(".bkimg").attr({"border-width":"0px", align:"absbottom", padding:"0px"});
  41.                 //brk.appendTo(divCat); /* 顯示於下一行 */
  42.                 brk.prependTo(divCat); /* 在上一行顯示 */
  43.                 brk.css("display","inline");
  44.         }       
  45. });
  46.  
  47. // 取得選取的文字內容
  48. function getSelectText() {
  49.     var d = document;
  50.     var desc = '';
  51.     if(window.getSelection)desc=window.getSelection();
  52.     else if(document.getSelection)desc=document.getSelection();
  53.     else if(document.selection)desc=document.selection.createRange().text;
  54.     else desc = '';
  55.     return desc;
  56. }
  57.  
  58. // 加入書籤
  59. function addBookmark(sType) {
  60.     var via ='';
  61.     var result = '';
  62.     var sTitle = encodeURIComponent(document.title);
  63.     var sURL = encodeURIComponent(location.href);
  64.     sDesc = encodeURIComponent( getSelectText());
  65.    
  66.     if( sType==("hemidemi")) {
  67.         result = 'http://www.hemidemi.com/user_bookmark/new?title='+sTitle+'&url='+sURL+'&description='+sDesc+'&via='+via;
  68.     } else if( sType==("myshare")) {
  69.         result = 'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&url='+sURL+'&desc='+sTitle+'&contents='+sDesc;
  70.     } else if( sType==("baidu")) {
  71.         result = 'http://cang.baidu.com/do/add?iu='+sURL+'&it='+sTitle+'&dc='+sDesc;
  72.     } else if( sType==("google")) {
  73.         result = 'http://www.google.com/bookmarks/mark?op=add&bkmk='+sURL+'&title='+sTitle+'&annotation='+sDesc;   
  74.     } else if( sType==("yahoo")) {
  75.         result = 'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+sTitle+'&u='+sURL+'&d='+sDesc+'&ei=UTF-8';
  76.     } else if( sType==("pchome")) {
  77.         result = 'http://search20.portal20.com.tw/x.jsp?t='+sTitle+'&u='+sURL+'&n='+sDesc;
  78.     } else if( sType==("fiigo")) {
  79.         result = 'http://www.fiigo.com/bookmark/my.php?a=add_web&title='+sTitle+'&url='+sURL+'&comment='+sDesc;
  80.     } else if( sType==("youpush")) {
  81.         result = 'http://www.youpush.net/submit.php?url='+sURL;
  82.     } else if( sType==("delicious")) {
  83.         result = 'http://del.icio.us/post?title='+sTitle+'&url='+sURL+'&notes='+sDesc;
  84.     } else if( sType==("digg")) {
  85.         result = 'http://digg.com/submit?phase=2&url='+sURL+'&title='+sTitle+'&bodytext='+sDesc;
  86.     } else if( sType==("technorati")) {
  87.         result = 'http://technorati.com/faves?add='+sURL+'&title='+sTitle;
  88.     } else if( sType==("furl")) {
  89.         result = 'http://www.furl.net/storeIt.jsp?t='+sTitle+'&u='+sURL+'&r='+escape(via)+'&c='+escape(sDesc)+'&p=1';
  90.     }
  91.  
  92.     if(result!='') {
  93.         window.open( result, 'addbookmak');
  94.     }
  95. }
  96.  
  97. </script>
  98. <!-- end of add -->

for 天空部落‧舊網頁樣版
  1. <!-- add by Ressol -->
  2. <!-- start of bookmark list --><span id="add2bookmark" class="highlight" style="display:none">  加入書籤:
  3. <!--HemiDemi-->
  4. <a href="javascript:addBookmark('hemidemi');"><img src="http://blog.pixnet.net/imgs/tags/hemidemi.jpg" title="HemiDemi" alt="HemiDemi" class="bkimg"></a>
  5. <!--MyShare-->
  6. <a href="javascript:addBookmark('myshare');"><img src="http://blog.pixnet.net/imgs/tags/myshare.jpg" title="MyShare" alt="MyShare" class="bkimg"></a>
  7. <!--Baidu-->
  8. <a href="javascript:addBookmark('baidu');"><img src="http://blog.pixnet.net/imgs/tags/baidu.gif" title="Baidu" alt="Baidu" class="bkimg"></a>
  9. <!--Google Bookmarks-->
  10. <a href="javascript:addBookmark('google');"><img src="http://blog.pixnet.net/imgs/tags/google.jpg" title="Google Bookmarks" alt="Google Bookmarks" class="bkimg"></a>
  11. <!--Yahoo! My Web-->
  12. <a href="javascript:addBookmark('yahoo');"><img src="http://blog.pixnet.net/imgs/tags/yahoo.jpg" title="Yahoo! My Web" alt="Yahoo! My Web" class="bkimg"></a>
  13. <!--PC Home-->
  14. <a href="javascript:addBookmark('pchome');"><img src="http://w6.pchome.com.tw/template/icon/favicon.ico" title="PC Home Search 2.0" alt="PC Home Search 2.0" class="bkimg"></a>
  15. <!--Fiigo-->
  16. <a href="javascript:addBookmark('fiigo');"><img src="http://www.fiigo.com/bookmark/pic/save_icon/icon-16x16-2.gif" title="Fiigo" alt="Fiigo" class="bkimg"></a>
  17. <!--You push-->
  18. <a href="javascript:addBookmark('youpush');"><img src="http://blog.pixnet.net/imgs/tags/yp.gif" title="You Push" alt="You Push" class="bkimg"></a>
  19. <!--Del.icio.us-->
  20. <a href="javascript:addBookmark('delicious');"><img src="http://blog.pixnet.net/imgs/tags/delicious.jpg" title="Del.icio.us" alt="Del.icio.us" class="bkimg"></a>
  21. <!--Digg-->
  22. <a href="javascript:addBookmark('digg');"><img src="http://blog.pixnet.net/imgs/tags/digg.jpg" title="Digg" alt="Digg" class="bkimg"></a>
  23. <!--technorati-->
  24. <a href="javascript:addBookmark('technorati');"><img src="http://blog.pixnet.net/imgs/tags/technorati.jpg" title="Technorati" alt="Technorati" class="bkimg"></a>
  25. <!--furl-->
  26. <a href="javascript:addBookmark('furl');"><img src="http://blog.pixnet.net/imgs/tags/furl.jpg" title="Furl" alt="Furl" class="bkimg"></a>
  27. </span>
  28. <!-- end of bookmark list -->
  29. <script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
  30. <script type="text/javascript">
  31. $(document).ready(function() {
  32.         var divTrk = $("#trackbackDiv");
  33.         if( divTrk.length>0 ) {
  34.                 var divCat = $("div.articleCategoryDiv").children("div.articleCategory");
  35.                 var brk = $("#add2bookmark");
  36.                 brk.find(".bkimg").attr({border:"0", align:"absbottom"});
  37.                 brk.appendTo(divCat);
  38.                 brk.css("display","inline");
  39.         }       
  40. });
  41.  
  42. // 取得選取的文字內容
  43. function getSelectText() {
  44.     var d = document;
  45.     var desc = '';
  46.     if(window.getSelection)desc=window.getSelection();
  47.     else if(document.getSelection)desc=document.getSelection();
  48.     else if(document.selection)desc=document.selection.createRange().text;
  49.     else desc = '';
  50.     return desc;
  51. }
  52.  
  53. // 加入書籤
  54. function addBookmark(sType) {
  55.     var via ='';
  56.     var result = '';
  57.     var sTitle = encodeURIComponent(document.title);
  58.     var sURL = encodeURIComponent(location.href);
  59.     sDesc = encodeURIComponent( getSelectText());
  60.    
  61.     if( sType==("hemidemi")) {
  62.         result = 'http://www.hemidemi.com/user_bookmark/new?title='+sTitle+'&url='+sURL+'&description='+sDesc+'&via='+via;
  63.     } else if( sType==("myshare")) {
  64.         result = 'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&url='+sURL+'&desc='+sTitle+'&contents='+sDesc;
  65.     } else if( sType==("baidu")) {
  66.         result = 'http://cang.baidu.com/do/add?iu='+sURL+'&it='+sTitle+'&dc='+sDesc;
  67.     } else if( sType==("google")) {
  68.         result = 'http://www.google.com/bookmarks/mark?op=add&bkmk='+sURL+'&title='+sTitle+'&annotation='+sDesc;   
  69.     } else if( sType==("yahoo")) {
  70.         result = 'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+sTitle+'&u='+sURL+'&d='+sDesc+'&ei=UTF-8';
  71.     } else if( sType==("pchome")) {
  72.         result = 'http://search20.portal20.com.tw/x.jsp?t='+sTitle+'&u='+sURL+'&n='+sDesc;
  73.     } else if( sType==("fiigo")) {
  74.         result = 'http://www.fiigo.com/bookmark/my.php?a=add_web&title='+sTitle+'&url='+sURL+'&comment='+sDesc;
  75.     } else if( sType==("youpush")) {
  76.         result = 'http://www.youpush.net/submit.php?url='+sURL;
  77.     } else if( sType==("delicious")) {
  78.         result = 'http://del.icio.us/post?title='+sTitle+'&url='+sURL+'&notes='+sDesc;
  79.     } else if( sType==("digg")) {
  80.         result = 'http://digg.com/submit?phase=2&url='+sURL+'&title='+sTitle+'&bodytext='+sDesc;
  81.     } else if( sType==("technorati")) {
  82.         result = 'http://technorati.com/faves?add='+sURL+'&title='+sTitle;
  83.     } else if( sType==("furl")) {
  84.         result = 'http://www.furl.net/storeIt.jsp?t='+sTitle+'&u='+sURL+'&r='+escape(via)+'&c='+escape(sDesc)+'&p=1';
  85.     }
  86.  
  87.     if(result!='') {
  88.         window.open( result, 'addbookmak');
  89.     }
  90. }
  91. </script>
  92. <!-- end of add -->
Parsed in 0.230 seconds


for 無名小站
  1. <!-- add by ressol -->
  2. <div id="add2bookmark" class="highlight" style="display:none">    加入書籤:
  3. <!--HemiDemi-->
  4. <a href="javascript:addBookmark('hemidemi');"><img src="http://blog.pixnet.net/imgs/tags/hemidemi.jpg" title="HemiDemi" alt="HemiDemi" class="bkimg"></a>
  5. <!--MyShare-->
  6. <a href="javascript:addBookmark('myshare');"><img src="http://blog.pixnet.net/imgs/tags/myshare.jpg" title="MyShare" alt="MyShare" class="bkimg"></a>
  7. <!--Baidu-->
  8. <a href="javascript:addBookmark('baidu');"><img src="http://blog.pixnet.net/imgs/tags/baidu.gif" title="Baidu" alt="Baidu" class="bkimg"></a>
  9. <!--Google Bookmarks-->
  10. <a href="javascript:addBookmark('google');"><img src="http://blog.pixnet.net/imgs/tags/google.jpg" title="Google Bookmarks" alt="Google Bookmarks" class="bkimg"></a>
  11. <!--Yahoo! My Web-->
  12. <a href="javascript:addBookmark('yahoo');"><img src="http://blog.pixnet.net/imgs/tags/yahoo.jpg" title="Yahoo! My Web" alt="Yahoo! My Web" class="bkimg"></a>
  13. <!--PC Home-->
  14. <a href="javascript:addBookmark('pchome');"><img src="http://w6.pchome.com.tw/template/icon/favicon.ico" title="PC Home Search 2.0" alt="PC Home Search 2.0" class="bkimg"></a>
  15. <!--Fiigo-->
  16. <a href="javascript:addBookmark('fiigo');"><img src="http://www.fiigo.com/bookmark/pic/save_icon/icon-16x16-2.gif" title="Fiigo" alt="Fiigo" class="bkimg"></a>
  17. <!--You push-->
  18. <a href="javascript:addBookmark('youpush');"><img src="http://blog.pixnet.net/imgs/tags/yp.gif" title="You Push" alt="You Push" class="bkimg"></a>
  19. <!--Del.icio.us-->
  20. <a href="javascript:addBookmark('delicious');"><img src="http://blog.pixnet.net/imgs/tags/delicious.jpg" title="Del.icio.us" alt="Del.icio.us" class="bkimg"></a>
  21. <!--Digg-->
  22. <a href="javascript:addBookmark('digg');"><img src="http://blog.pixnet.net/imgs/tags/digg.jpg" title="Digg" alt="Digg" class="bkimg"></a>
  23. <!--technorati-->
  24. <a href="javascript:addBookmark('technorati');"><img src="http://blog.pixnet.net/imgs/tags/technorati.jpg" title="Technorati" alt="Technorati" class="bkimg"></a>
  25. <!--furl-->
  26. <a href="javascript:addBookmark('furl');"><img src="http://blog.pixnet.net/imgs/tags/furl.jpg" title="Furl" alt="Furl" class="bkimg"></a>
  27. </div>
  28. <!-- end of bookmark list -->
  29. <script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
  30. <script type="text/javascript">
  31. $(document).ready(function() {
  32.         var divTrk = $(".total-comments-div");
  33.     if( divTrk.length>0 ) {
  34.        var divCat = $("div.datediv");
  35.            var brk = $("#add2bookmark");
  36.            brk.find(".bkimg").attr({border:"0", align:"absbottom"});
  37.            brk.appendTo(divCat);
  38.            brk.css("display","inline");
  39.         }       
  40. });
  41.  
  42. // 取得選取的文字內容
  43. function getSelectText() {
  44.     var d = document;
  45.     var desc = '';
  46.     if(window.getSelection)desc=window.getSelection();
  47.     else if(document.getSelection)desc=document.getSelection();
  48.     else if(document.selection)desc=document.selection.createRange().text;
  49.     else desc = '';
  50.     return desc;
  51. }
  52.  
  53. // 加入書籤
  54. function addBookmark(sType) {
  55.     var via ='';
  56.     var result = '';
  57.     var sTitle = encodeURIComponent(document.title);
  58.     var sURL = encodeURIComponent(location.href);
  59.     sDesc = encodeURIComponent( getSelectText());
  60.    
  61.     if( sType==("hemidemi")) {
  62.         result = 'http://www.hemidemi.com/user_bookmark/new?title='+sTitle+'&url='+sURL+'&description='+sDesc+'&via='+via;
  63.     } else if( sType==("myshare")) {
  64.         result = 'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&url='+sURL+'&desc='+sTitle+'&contents='+sDesc;
  65.     } else if( sType==("baidu")) {
  66.         result = 'http://cang.baidu.com/do/add?iu='+sURL+'&it='+sTitle+'&dc='+sDesc;
  67.     } else if( sType==("google")) {
  68.         result = 'http://www.google.com/bookmarks/mark?op=add&bkmk='+sURL+'&title='+sTitle+'&annotation='+sDesc;   
  69.     } else if( sType==("yahoo")) {
  70.         result = 'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+sTitle+'&u='+sURL+'&d='+sDesc+'&ei=UTF-8';
  71.     } else if( sType==("pchome")) {
  72.         result = 'http://search20.portal20.com.tw/x.jsp?t='+sTitle+'&u='+sURL+'&n='+sDesc;
  73.     } else if( sType==("fiigo")) {
  74.         result = 'http://www.fiigo.com/bookmark/my.php?a=add_web&title='+sTitle+'&url='+sURL+'&comment='+sDesc;
  75.     } else if( sType==("youpush")) {
  76.         result = 'http://www.youpush.net/submit.php?url='+sURL;
  77.     } else if( sType==("delicious")) {
  78.         result = 'http://del.icio.us/post?title='+sTitle+'&url='+sURL+'&notes='+sDesc;
  79.     } else if( sType==("digg")) {
  80.         result = 'http://digg.com/submit?phase=2&url='+sURL+'&title='+sTitle+'&bodytext='+sDesc;
  81.     } else if( sType==("technorati")) {
  82.         result = 'http://technorati.com/faves?add='+sURL+'&title='+sTitle;
  83.     } else if( sType==("furl")) {
  84.         result = 'http://www.furl.net/storeIt.jsp?t='+sTitle+
相簿設定
標籤設定
相簿狀態