close

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

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

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

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

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

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

    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);
}
//-->

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



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

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

line112.gif 

本文瀏覽人氣:


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 omion 的頭像
    omion

    黑海中的璀璨(pixnet站)

    omion 發表在 痞客邦 留言(0) 人氣()