天空部落
新聞
註冊 登入
夯集
隨便逛
  • 正妹
  • 熱門
系統公告
熱情贊助
yam揪便宜
關於我
Ressol
您好，我是 Ressol
歡迎參觀我的部落格。希望在這裡跟各位朋友分享一些有趣的資訊及網路應用。

有任何問題，歡迎跟我聯絡。





請選擇佈景主題：
訂閱本部落格

訂閱文章
Subscribe in Bloglines


Subscribe in NewsGator Online

搜尋站內文章
搜尋：
yam今日我最殺
ressol的最新的回應
好時光貼曆
文章分類
即時留言版
部落格小貼紙
BlogLook Score and Rank Add to Technorati Favorites Ressol's Blog
<a href="http://blog.yam.com/ressol" target="_blank" title="Ressol's Blog"><img src="http://pics23.webs-tv.net/5/userfile/r/ressol/album/145f0d6dc5bf5d.jpg" border="0" alt="Ressol's Blog"/></a>
連結交換語法, 歡迎交換連結 ^_^

交換連結區
Palacan!部落格聯播
全民部落國 - 部落格聯播啪啦報報-你我共同撰寫的線上刊物
Jinn's Blog
重灌狂人Sandy@Sina-微程式新聞台
訪客統計

網路串連
我推薦誰
誰推薦我
誰來我家
其它資訊
本部落所刊登之內容，皆由作者個人所提供，不代表 yam天空部落 本身立場。
POWERED BY
POWERED BY
會員登入│免費註冊
寫網誌的好幫手：線上語法突顯工具 | 主頁 | 【教學】自動去除天空部落的廣告 - 更新 (2007.04.21)
April 21, 2007
話說，某天看到艾瑪的[分享] 部落格人氣秘密武器：加入網路書籤語法，真是驚為天人，馬上照著艾瑪的教學，將自己的舊文章加入了書籤按鈕。( 在此要謝謝艾瑪的轉貼分享，造福了眾多網友 ，後來發現在無名加上書籤語法的原作者為 CGS 大大，除了為大家整理各式書籤網站外，並持續更新語法及教學文章，真是解救諸位同胞於水深火熱中，感恩ㄋㄟ )

只不過，每次發表新文章時，都要重新將書籤按鈕複製、貼上，似乎不大適合懶散的我   而這一切的一切，直到看到了 PIXNET 的公告 - 『[公告] 部落格快速加入書籤』，什麼？ PIXNET 竟然內建這個功能了？啊! 啊! 啊! 我好想要這個功能哦，不過要期待天空部落的工作人員，可能是沒啥指望了

 - 天空部落不提供，那要怎麼辦法？
搬家到 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+'&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 -->


3. 找個可以放 Javascript 的地方 (天空為自由欄位，無名為連結管理)，將內容貼上
4. 重新整理

更新：2007/04/09
  1. 多謝網友 CGS 發現此語法在 IE 下不正常顯示的問題,
  2. 目前修正 CSS 的呼叫語法為 brk.css("display","inline"); ，在 FireFox 2.0 及 IE 6 sp1 下測試還算正常。文章附檔已更新，請直接下載後更新您的部落格程式碼即可。


更新：2007/04/18
  1. 多謝網友 bradchow 發現此語法無法適用於天空部落的新樣版頁面。目前已修正，在 FireFox 2.0 / IE 6 sp1 測試下應是正常，請使用天空新樣版的朋友下載回去更新。
  2. 新樣頁面的程式語法做了幾點調整, 暫時先更新程式, 文章後補, 有興趣請先參考本網誌上的那幾顆書籤按鈕

更新：2007/04/19
       本次主要更新部份如下：
       1. 簡化 icon 超連結語法, 增加 pchome / fiigo / you push 三書籤按鈕
       2. 修正 網摘內容 在 furl 亂碼的問題
       3. 各書籤網站的呼叫方法, 集中在一起，便於日後調整
       4. 移除試圖取得 document.referrer 的語法.

  • 天空部落在 (4/19) 更新後，文章內的附檔有時會無法下載，請重整下載畫面，或到 我的Google筆記本  把相對應的程式複製回去。
  • 我只放 12 個書籤按鈕，請依您的需求增、減按鈕數量
  • 建議把 jquery 的 javascript 檔案抓下來，另存至其他網路空間，避免日後官網異動而檔案失效的問題。
  • 若你的部落格系統是無名小站，可參考 CGS 的這篇教學文章，把書籤按鈕放到文章內文下方。


更新：2007/04/21
  • 感謝 bradchow 回報問題，再次修改天空部落的語法，將去廣告的語法拿掉，只留下加書籤按鈕的部份，避免網頁在 IE 下發生錯誤。
  • 移除文章附件，需要的朋友請將文章中的語法複製或至 Google 筆記本複製。

誰推薦這篇文章：
| 主頁 | 此分類下一篇:【教學】自動去除天空部落的廣告 - 更新 (2007.04.21)
引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)
引用
C'est La Vie 於＜畢其功於一役的書籤按鈕語法＞ 引用本文
提要: 眼尖的人或許已經發現，這排的收入書籤按鈕，位置並不在本文可編輯的範圍中，這代表什麼意思呢？ 是的，這不是自己手工貼上的，也就是可以「自動產生」，大家不
引用時間: Apr 10, 2007
C'est La Vie 於＜如何於無名內文區置放 Adsense＞ 引用本文
提要:看到這張圖，可能會有人很直覺地認為，這篇應該是「書籤按鈕」的第四章，可惜嚴格來說並不是，但若要說「是」也是可以的，因為要講的東西還真的和書籤按鈕語法有那麼一點關連。
引用時間: Apr 18, 2007
留言 (11筆)
11.
此篇為私密留言
CGS 於 Apr 25, 2007 留言 |
10.
好用好用！謝謝整理及提供這麼方便的工具喔！
我想問的是，我的顯示是在文章上方，怎麼像你一樣把它放在文章下方呢？
我是用舊版面的，和這有關嗎？
我對這不熟！給一點指教喔！謝謝！
 
板主回覆:
Jinn 你好呀, 新舊版的差別主要在於樣版使用的 CSS 跟 HTML 標籤不同.

在舊版要把書籤放下方的話, 把這一行
var divCat = $("div.articleCategoryDiv").children("div.articleCategory");
換成這個
var divCat = $("div.articleLink");

就會出現在下面了, 你可以去調最上方的 <span>, 看要改成 <p> 或 <div> 再加上 align 屬性都可以, 預設應是置中. : )
jinnsblog 於 Apr 22, 2007 留言 |
9.
加入語法之後，常會出現“操作中止”的message box，不知道大家的會不會呢？
 
板主回覆:
不好意思呀，這個錯誤跟去廣告那段有關，現在語法己更新，你再試試看有沒有問題 :)
bradchow 於 Apr 21, 2007 留言 |
8.
太厲害了，真是有求必應啊～:P
先是自動產生，再來解決furl的亂碼，
語法我帶回去更新囉～感謝！
 
板主回覆:
不用客氣呀, 希望這個小東西能幫得上忙 ^^

比較麻煩的是 YouPush (YP), 它的摘要內容不會自動從 URL 接回去.
改天找時間來修修看有沒有解 @@
CGS 於 Apr 20, 2007 留言 |
7.
您好，我重整過了，目前自由欄位已經出現了，但是書籤的功能還是沒有，不好意思，再麻煩你幫我看看
^^
 
板主回覆:
Bradchow, 你好呀.
剛才看了一下.. 看來應是套用的網誌樣版不同, 所以抓不到對應的 div.
很抱歉沒針對各個樣版做好測試 (想不到各樣版竟會連這個也不一致 >.< )

改法如下：
請把 var divTrk = $("#trackbackDiv"); 換成 var divTrk = $("#trackback");
重整後再試試看. 有問題的話跟我說一下 :)

我下週找個時間 檢視各樣版的差異性. 看有沒有辦法寫個通用的解法 @@
bradchow 於 Apr 18, 2007 留言 |
6.
完全按照你的說法使用了。
但是，沒有看到東西咧 @@
我把語法放到最下面的自由欄位中了。

麻煩囉，謝謝。
 
bradchow 於 Apr 18, 2007 留言 |
5.
我都弄不出來，已經完全照做了！怪怪！
 
板主回覆:
Bradchow 您好呀,

1. 把 "天空部落‧範例程式" 另存到桌面後
2. 用記事本打開下載的範例. 複製至你的 自訂欄位裡的"自由欄位"
3. 按下 "按我重新產生 blog 頁面"
4. 檢查你的部落格有沒有出來

若還是有問題的話, 請跟我說一下, 那個欄位先別拿掉 (如果版面沒被破壞的話)
我回來再幫你看看 ^^
bradchow 於 Apr 17, 2007 留言 |
4.
以前很羨慕文章下面一排書籤的網誌，後來有發現整合書籤的網站，才有使用。
 
板主回覆:
shen, 謝謝你的意見, 剛才試了一下 bookmark, 發現它的做法滿不錯的, 省了程式人員重新發明輪子的白工 XD 可惜它是以國外為主, 沒有收錄 myshare / hemidemi 等國內的網站 @@

wretch/yam/yahoo 這三個 BSP 都沒像 pixnet 有內建功能, 懶惰的我只好自己弄一個出來 :P 不過 blogger 的擴充彈性, 看起來還真是不錯 :)
shen 於 Apr 10, 2007 留言 |
3.
感謝～搞定了，晚點寫文來推廣一下...^^
 
板主回覆:
不用客氣呀, 說起來還要謝謝你這位原作者才是 ^^
CGS 於 Apr 9, 2007 留言 |
2.
突然發現一個問題：
在火狐狸之下，這個「自動產生書籤」運行很順利，
不過在 IE 之下，書籤會出不來，
我試了兩台電腦，瀏覽你的以及我的 BLOG 都是這個樣，
不知道 ressol 你用 IE 看正不正常？
 
板主回覆:
CGS, 謝謝你發現這個問題, 我在 IE 上也看不到加入書籤的按鈕.
看來應是有部份的 jquery 語法不被 IE 支援.
( 我這裡左邊"去廣告"的部份的還是正常運作. )
應該是有辦法透過別的語法 / script 來解決, 不過這2天較忙 >.<
晚點測看看再跟你說 ^_^
CGS 於 Apr 9, 2007 留言 |
1.
感謝分享，
我又稍微改一下，把書籤貼紙放文末，謝謝了～^^
 
板主回覆:
不用客氣呀, 希望能幫上你的忙 ^_^
CGS 於 Apr 9, 2007 留言 |
發表你的留言 (字數限制 最多 2000 個中文字)
私密留言: 是 否
Name:



是 否
內容:
檢視行動版網頁  |  檢視正常版網頁