February 14,2007 11:35

安裝書籤按鈕

路書籤系統分享日漸風行,國內外就多達數十種。共享書籤,一種將IE的「我的最愛」功能,延伸出來的網頁閱覽模式。只要看到有興趣的題材,通通可以收藏下來,再透過網路,與大家分享、筆記、心得。有人說~共享書籤是web2.0的產物,更是另一種快速推薦自己網站的方法。


分享書籤的迷人,讓很多人都能成為最佳網摘人。石頭成將六種常用的書籤 :HEMiDEMiMy YahooMyShareTechnoratidel.icio.usdigg,編寫一段 JavaScript 語法工具,提供給樂多平台user使用。

這樣,只要想收藏,直接按下任一書籤按鈕,就會跳出該書籤的網頁,再填入網址及標題 ,書籤收藏輕而易舉。

----------------------- * * *  ----------------------- 


[單篇文章加上書籤按鈕]

1. 複製JavaScript 語法 ( 此語法helenna已經略有修改,要看原始檔語法,請到  石頭閒語 )

<script type="text/javascript">
//<!--
if (/\/archives\/\d+\.html/.test(document.URL)) {
  function addCurrentArticleBookmarklets() {
    var u = document.URL;
    var t = encodeURIComponent(document.title);
    var d = encodeURIComponent((function getInnerText(node) {
      if (!node) return '';
      var t=[];
      for (var n = node.firstChild; n; n = n.nextSibling) {
        if (n.nodeType == 3) t.push(n.nodeValue);
        else t.push(getInnerText(n));
      }
      return t.join('');
    })((function() {
      var ds = document.getElementsByTagName('div');
      for (var i = 0; i < ds.length; ++i) {
        if (ds[i].className == 'main')
          return ds[i];
      }
    })()).substring(0, 4000-u.length-t.length));

    var diggImg = document.createElement('img');
    with (diggImg) {
      src = 'http://blog.roodo.com/helenna/d13a2dc1.gif';
      alt = '[+]digg'; border = '0';
    }
    var myYahooImg = document.createElement('img');
    with (myYahooImg) {
      src = 'http://blog.roodo.com/helenna/7938af1e.gif';
      alt = '[+]My Yahoo!'; border = '0';
    }
    var myShareImg = document.createElement('img');
    with (myShareImg) {
      src = 'http://blog.roodo.com/helenna/d1985b8e.gif';
      alt = '[+]My Share'; border = '0';
    }
    var hemidemiImg = document.createElement('img');
    with (hemidemiImg) {
      src = 'http://blog.roodo.com/helenna/d1a7287c.gif';
      alt = '[+]HEMIDEMI'; border = '0';
    }
    var delicioImg = document.createElement('img');
    with (delicioImg) {
      src = 'http://blog.roodo.com/helenna/a61dd9ee.gif';
      alt = '[+]del.icio.us'; border = '0';
    }
    var technoratiImg = document.createElement('img');
    with(technoratiImg) {
      src = 'http://blog.roodo.com/helenna/4d44c6a4.gif';
      alt = '[+]technorati fave';
      border = '0';
    }

    var bookmarklets=[
    [ hemidemiImg,
      false,
      'http://www.hemidemi.com/user_bookmark/new?via=sticker&url='+u+'&title='+t+'&description='+d
    ],
    [ myYahooImg,
      false,
      'http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?u='+u+'&t='+t+'&d='+d
    ],
    [ myShareImg,
      false,
      'http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&NewsMaster=1&url='+u+'&desc='+t+'&contents='+d
    ],
    [ delicioImg,
      false,
      'http://del.icio.us/post?url='+u+'&title='+t
    ],
    [ technoratiImg,
      false,
      'http://technorati.com/faves?sub='+t+'&add='+u
    ],
    [ diggImg,
      false,
      'http://www.digg.com/submit?phase=2&url='+u+'&title='+t
    ]
    ];

    var posted = document.getElementsByTagName('div');
    for (var i = posted.length - 1; i >= 0; --i) {
      if (/^posted$/.test(posted[i].className)) {
        posted = posted[i];
        break;
      }
    }

    posted.insertBefore(document.createElement('br'), posted.firstChild);
    for (var i = bookmarklets.length - 1, a; i >= 0; --i) {
      a = document.createElement('a');
      a.target = '_blank';
      a.href = bookmarklets[i][2];
      a.appendChild(bookmarklets[i][0]);
      if (bookmarklets[i][1])
        a.appendChild(document.createTextNode(bookmarklets[i][1]));
      posted.insertBefore(document.createTextNode(' '), posted.firstChild);
      posted.insertBefore(a, posted.firstChild);
    }
  };
  if (window.attachEvent) window.attachEvent('onload', addCurrentArticleBookmarklets);
  else window.addEventListener('load', addCurrentArticleBookmarklets, false);
}
//-->
</script>



2. 語法貼上的位置如下: (以樂多平台為例)



3.  儲存 --> 重建全部頁面 --> 完成。

----------------------- * * *  ----------------------- 

line112.gif 

本文瀏覽人氣:


  • helenna 發表於樂多回應(8)引用(0)Blog練功房編輯本文
    │昨日人次:0 │累計人次:26
    Ads by Roodo! 

    引用URL

    http://cgi.blog.roodo.com/trackback/3077709

    回應文章

    請問大師, 那和設成我的最愛, 有什麼不同呢??

    偷偷告訴你, 我近來使用flickr, 都是來你這搜文章學的.. 感恩啊~
    | 檢舉 | Posted by Daphne at April 27,2007 15:38

    dear daphne,
    嗯....
    舉個例子好了
    你看樂多首頁
    是不是有很多被推薦的網站跟文章?
    (ps.你家彤同看世界也被推薦了唷....恭喜一下!!)
    那些都是樂多自己的駐站編輯(我猜是義工吧?^^)
    花時間去收集或是接受人家推薦
    再把它放在網頁上
    讓大家一眼就能看到...

    那些共享書籤也是這樣的
    只是..更簡單的是....人人都可以是網摘師
    你只要去註冊成功
    就可以去收集推薦任何新鮮有趣有內容的題材
    連結位置一輸入...儲存
    你就沒事了

    系統就會幫你放到他們的網頁系統
    提供人家瀏覽
    就跟樂多或是天空等等首頁一樣


    ps.那個flickr技巧很好用吧
    我是用免費版的
    所以只能擺200張....:p
    | 檢舉 | Posted by helenna at April 27,2007 15:38

    您好,可以請問如果無名可以使用嗎??或是直接複製圖片貼上這樣有用嗎??
    | 檢舉 | Posted by 波卡多 at April 27,2007 15:38

    dear 波卡多
    記得無名的付費會員
    就可以使用JavaScript

    如果不成
    你也可以改用另一個方式
    看我的首頁又欄下方有一個bookmark連結器
    "ADD THIS"
    點選進去後....有更多家書籤系統可供收藏
    直接貼語法到你的欄位就可以了
    若是需要這個語法
    請再留言^^
    | 檢舉 | Posted by helenna at April 27,2007 15:38

    helenna您好

    感謝您詳細的回答,我的無名的確是VIP可以使用JavaScript但是我不知道這語法貼在哪裡才對,因為無名好像沒有像樂多這樣(上圖所示)的功能,因為線在我板上的書籤都是每發一篇就要複製貼上ㄧ篇,我在想是不是有什麼辦法讓發文後會自動出現書籤功能?或是無名沒辦法這樣使用?謝謝︿︿
    | 檢舉 | Posted by 波卡多 at April 27,2007 15:38

    慘了....在無名我只是免付費陽春會員
    我很想幫你測試
    可惜................sorry啦

    我也爬了goole大師
    好想沒看到無名會員有使用耶
    真是糟糕



    | 檢舉 | Posted by helenna at April 27,2007 15:38

    你好:請問~好像,部落格本身就有不是嗎?
    我用痞客的。
    | 檢舉 | Posted by angela at September 29,2008 11:07

    dear angela
    你沒說錯 痞客有內建
    但 樂多沒有:P
    | 檢舉 | Posted by helenna at September 29,2008 11:31