February 14,2007

安裝書籤按鈕

路書籤系統分享日漸風行,國內外就多達數十種。共享書籤,一種將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 

本文瀏覽人氣:


Posted by helenna at 樂多Roodo! │11:35 │回應(6)引用(0)Blog練功房
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