Login Free Sign Up
April 9, 2007

畢其功於一役的書籤按鈕語法(新增PChome按鈕)



眼尖的人或許已經發現,這排的收入書籤按鈕,位置並不在本文可編輯的範圍中,這代表什麼意思呢?
是的,這不是自己手工貼上的,也就是可以「自動產生」,大家不用再一篇一篇的貼收入書籤按鈕的語法了,只要在 sidebar(任何一個自訂資料夾的連結管理) 或 banner(網誌描述) 上,貼上文末所附的語法,就可以「畢其功於一役」!

如果你還搞不清楚這在說什麼,請先看第一集第二集...:P

話說在「第一集」裡徵求看有沒有高手可以搞個一勞永逸的辦法,或最好是 BSP 直接把這個小東西納入為標準功能;後半段在 Pixnet 已經實現多日,而前半段,昨日終於有高手現身...

這位高手就是 Ressol,他除了提供無名可用的語法,也提供了天空可用的語法,至於其他的 BSP,歡迎大家一起來試試~^^

Ressol 提供給無名的語法,加入書籤按鈕會出現在文章上方的日期列上,我個人是比較不習慣這個位置,所以我又修改了一下,讓這排按鈕出現在如上圖所示的位置,也就是在文末「同分類閱讀」之下,看大家習慣哪一種,就用哪一種囉,或是你想要它出現在其他位置,也可以自行改寫語法。

根據我今日使用的心得,這排按鈕出現的速度是稍微慢了一點,不過絕對是比你看完一篇文章快得多啦,所以影響應該是不大,這一點點的小缺點,比起要每一篇貼語法,應該是可以接受的。

不過和之前一樣,這個語法,在無名小站中,仍僅有付費會員可以使用;之前一篇一篇貼的方法,一般會員還可以用設定共同作者的方式來達成貼上按鈕的目標,不過這回輸入語法的地方在 sidebar 或 banner 上,就不是共同作者能夠編輯的區域了,所以只能跟一般會員說聲抱歉,沒能想出其他可行的辦法。

在複製語法前,讓我再重貼一次迴紋針老師說的話:「大家都掛了書籤貼紙,等了別人來自己家摘文章,可是有多少人因為喜歡別人的好文,而主動去摘它呢?……如果大家都只是裝了這個工具,孤芳自賞地希望別人來摘,自己卻吝於給別人掌聲與鼓勵,我想這也就沒什麼意義了。」好,語法如下:

IE 使用者請至 Pixnet 即可單鍵複製語法。(新版語法上線,看這裡
</a><div id="add2bookmark" style="display:none">
<br>將本文收入書籤:
<!-MyShare->
<a href="javascript:(function(){d=document;w=window;t='';if(d.selection){t=d.selection.createRange().text;}else{if(d.getSelection){t=d.getSelection();}else{if(w.getSelection){t=w.getSelection()}}}void(window.open('http://myshare.url.com.tw/index.php?func=newurl&url='+encodeURIComponent(location.href)+'&desc='+escape(document.title)+'&contents='+escape(t),'newwin'))})();"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/1.jpg" title="MyShare" alt="MyShare" class="bkimg"></a>
<!-HemiDemi->
<a href="javascript:desc='';via='';if(document.referrer)via=document.referrer;if(typeof(_ref)!='undefined')via=_ref;if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://www.hemidemi.com/user_bookmark/new?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'&description='+encodeURIComponent(desc)+'&via='+encodeURIComponent(via)));"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/2.jpg" title="HemiDemi" alt="HemiDemi" class="bkimg"></a>
<!-Fiigo->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://www.fiigo.com/bookmark/my.php?a=add_web&title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'&comment='+encodeURIComponent(desc)+'&ei=UTF-8',0));"><img src="http://www.fiigo.com/bookmark/pic/save_icon/icon-16x16-2.gif" title="Fiigo" alt="Fiigo" class="bkimg"></a>
<!-Baidu->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://cang.baidu.com/do/add?iu='+encodeURIComponent(location.href)+'&it='+encodeURIComponent(document.title)+'&dc='+encodeURIComponent(desc)));"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/3.jpg" title="Baidu" alt="Baidu" class="bkimg"></a>
<!-Google Bookmarks->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+'&annotation='+encodeURIComponent(desc)));"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/4.jpg" title="Google Bookmarks" alt="Google Bookmarks" class="bkimg"></a>
<!-Yahoo! My Web->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&d='+encodeURIComponent(desc)+'&ei=UTF-8'));"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/5.jpg" title="Yahoo! My Web" alt="Yahoo! My Web" class="bkimg"></a>
<!-PChome->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://search20.portal20.com.tw/x.jsp?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&n='+encodeURIComponent(desc)));"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/a2940.jpg" title="PChome" alt="PChome" class="bkimg"></a>
<!-Del.icio.us->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://del.icio.us/post?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'¬es='+encodeURIComponent(desc)));"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/6.jpg" title="Del.icio.us" alt="Del.icio.us" class="bkimg"></a>
<!-Digg->
<a href="javascript:desc='';if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://digg.com/submit?phase=2&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+'&bodytext='+encodeURIComponent(desc)));"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/7.jpg" title="Digg" alt="Digg" class="bkimg"></a>
<!-Technorati->
<a href="javascript:void window.open('http://technorati.com/faves?add='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title))"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/8.jpg" title="technorati" alt="technorati" class="bkimg"></a>
<!-Furl->
<a href="javascript:(function(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');var%20furlit=window.open('http://www.furl.net/storeIt.jsp?t='+encodeURIComponent(d.title)+'&u='+escape(d.location.href)+'&r='+escape(d.referrer)+'&c='+encodeURIComponent(t)+'&p=1');})();"><img src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/9.jpg" title="furl" alt="furl" class="bkimg"></a>
<!-AddThis->
<a href="javascript:void window.open('http://www.addthis.com/bookmark.php?pub=addthis&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));"><img src="http://s3.addthis.com/button1-bm.gif" title="其他更多書籤" alt="其他更多書籤" class="bkimg"></a></div>
<!-JavaScript->
<script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
<script type="text/javascript">$(document).ready(function() {var divTrk=$(".total-comments-div");if(divTrk.length>0) {var divCat=$("div.extended");var brk=$("#add2bookmark");brk.find(".bkimg").attr({border:"0", align:"absbottom"});brk.appendTo(divCat);brk.css("display","inline");}});</script>


「第一集」裡,原語法關於圖片的敘述中,border="0" 這回改由 JavaScript 控制,所以都拿掉了,因此也多了一個 class="bkimg";但是有「測試用戶」回報他的書籤按鈕還是有邊框,所以如果你也有類似的情形,按鈕的語法部分,你可以自己手動把 border="0" 加回去,或是可以複製「第一集」的語法來使用。

如果你希望貼這語法的地方 (sidebar 或 banner) 也能出現這排按鈕,那就請你把語法第一行中的 style="display:none" 拿掉,按鈕前後的 <br> (換行) 要幾個,你也可以依自己的排版喜好來變更;按鈕要哪些個,要怎麼排,圖要用哪張,也都是隨你高興,反正就都很自由,有興趣的就來試試看吧~

(2007.04.10) 發現很多人的語法是擺在 sidebar 裡,「將本文收入書籤」就會變成超連結,所以在它之前又加上</a>,如果你的語法放 banner上,就不需要這個</a>。

(2007.04.11) 昨天下午之前語法裡少了一個</div>,造成部分使用者版型錯亂,現在應該不會了;另經 timk 提醒國內還有一個大書籤網站-PChome,所以又加上了~

0推薦此文章
Add a Bookmark:
Today's Visitors: 0 Total Visitors: 1038
Personal Category: 資訊看版 Topic: technology
Previous in This Category: 愛因斯坦推薦本站?   Next in This Category: 如何於無名內文區置放 Adsense
歷史上的今天:
[Trackback URL]
  • 眼尖的朋友一定有發現 我的BLOG文章的最底端出現了這樣的一行東西

  • 【BLOG】文章加入書籤 & Snap Shots 【喜歡就是淡淡的愛,愛就是深深的喜歡】 at April 25, 2007 12:09 AM Trackback
  • 不知道有沒朋友注意到,最近 Seair 的某些文章有出現↓這種東西?<CENTER><img src=" http://blog.sina.com.tw/myimages/124/5500/images/20070517213727540.jpg"

  • 分享。『加入書籤』大法 【幸福路1013號3樓23室】 at May 18, 2007 09:32 AM Trackback

Reply
1 2 Next
  • 1樓

    1樓搶頭香

    這應該是完結篇了吧?
    光是拆除就招牌也得花不少時間阿!:P

  • amykaku at April 10, 2007 12:41 AM comment | prosecute
  • 2樓

    2樓頸推

    感謝C帥的分享!!

  • mybulibuli at April 10, 2007 12:44 AM comment | Homepage | prosecute
  • 3樓

    3樓坐沙發

    C帥真是貢獻網摘良多
    我要建議Who's Who in The World把CGS列入提名

  • allian at April 10, 2007 12:53 AM comment | Homepage
  • 4樓

    福樓

    多謝CGS兄和Ressol兄,現在看版直接出現真方便。

    這的確是畢其功於一役了!

  • bwPingu at April 10, 2007 07:27 AM comment | Homepage | prosecute
  • 5樓

    專業的5樓

    這是個人網摘的工具嗎? 還真不錯耶... ^^

  • deepbluer at April 10, 2007 07:47 AM comment | email Homepage
  • 6樓

    6樓

    很棒的資訊 真的學道許多唷!! 感恩~

  • timk at April 10, 2007 09:30 AM comment | prosecute
  • 7樓

    7樓

    呼籲了半天,文章放了一個晚上,還是我第一個收的啊...C帥口號喊的還不夠響亮,這樣費心為大家著
    想,自己也應該親自來當網摘師才對。:)

  • 迴紋針 at April 10, 2007 09:44 AM comment | Homepage
  • 8樓

    8樓

    除了「感恩」,
    實在想不出更好的形容詞了~~


    艾德華

  • EdwardHO at April 10, 2007 10:13 AM comment | prosecute
  • 9樓

    9樓

    雖然落落長的道理看不懂,
    不過我試放成功了,
    謝謝CGS多篇的分享,
    等我腦袋清楚一點再來奮力研究。
    (會不會沒有腦袋清楚的時候啊?~~~XD)

  • sandyhsu at April 10, 2007 10:17 AM comment | email Homepage | prosecute
  • 10樓

    10樓

    Sealed

  • Sealed at April 10, 2007 10:38 AM comment
  • 11樓

    11樓

    Sealed

  • Sealed at April 10, 2007 10:57 AM comment
  • 12樓

    12樓

    好吧
    我有看沒有懂
    果然生過小孩有差
    嗚........

    葛蘿

  • yealing at April 10, 2007 11:56 AM comment | Homepage | prosecute
  • 13樓

    13樓

    請問是否一定要是金卡VIP會員才可使用?
    我是銀卡會員,不支援JavaScript...

  • bryanwu at April 10, 2007 12:16 PM comment | prosecute
  • 14樓

    14樓

    Sealed

  • Sealed at April 10, 2007 12:33 PM comment
  • 15樓

    15樓

    好有趣喔

    呵呵~~

    剛剛放上去了
    太有趣了

    再次覺得會寫程式真好耶!!
    但是我有一次把上面這句話放到暱稱中
    就有三四個寫程式的朋友說
    一點都不好 @@

    不過說真的
    要懺悔一下

    其實我基本上沒有在玩這些共享書籤社群耶....><
    所以也就沒有去分享了~

  • tamacat at April 10, 2007 05:25 PM comment | Homepage | prosecute
  • 16樓

    16樓

    Sealed

  • Sealed at April 11, 2007 12:40 AM comment
  • 17樓

    17樓

    To 愛咪:
    是啊~早知道當初就不要「蓋」那麼多~

    To 仔仔熊, timk & 艾德華:
    不客氣,希望對大家有幫助~

    To 小龍:
    不要,等等叫我花錢買年鑑還是幹嘛的~XD

    To 拼穀:
    如果是BSP提供這個功能那會更讚~:P

    To 院長:
    可是院長你的日記文章沒有獨立網址,摘不下~XD

    To 迴紋針:
    唉悠~呼籲是要大家提醒自己,不是要摘這篇文啦~

    To sandy:
    試放成功就不用「再研究」了~
    讓它好好幫你工作就好...:P

    To 葛蘿:
    哈~別這麼說,能用就好,懂不懂其次...^^

    To bryanwu:
    因為我沒有銀卡帳號,不能測試,
    你可以試貼看看就知道了~

    To 精靈貓:
    我也不會寫程式啦,我也是胡亂改~
    這回要感謝 Ressol 啦~^^

  • CGS at April 11, 2007 01:20 AM comment | Homepage | prosecute
  • 18樓

    18樓

    上下篇的問題瞭解了,
    感恩喔~

    艾德華

  • EdwardHO at April 11, 2007 09:59 AM comment | prosecute
  • 19樓

    19樓

    C大想請教您那個下拉式框架(放語法框架)的語法是什麼呢?感恩~
    補充:還有一個PcHome Search的書籤區唷 台灣還不少人用
    http://search20.portal20.com.tw/x.jsp

  • timk at April 11, 2007 06:59 PM comment | prosecute
  • 20樓

    20樓

    To 艾德華:
    不客氣~^^

    To timk:
    語法如下,給你參考一下,
    <blockquote><div style="border: 1px solid #000000; padding:
    10px; overflow-x: auto;overflow-y: auto; height: 400px;
    background-color: #E6E6E6; color:#000000;">
    內容
    </div></blockquote>

    裡頭關於顏色、大小,都是可以自己調整的,如果你本文字體顏色和這個
    框的背景色不會混在一起,color:XXX;可以不用,或是框內無需背景色,
    background-color:XXX就不需要,<blockquote></blockquote>也是可有
    可無,看你排版的習慣與需求。

  • CGS at April 12, 2007 06:43 AM comment | Homepage | prosecute
  • 21樓

    21樓

    又偷學到一招了,
    快跑~~~^^


    艾德華

  • EdwardHO at April 12, 2007 09:53 AM comment | prosecute
  • 22樓

    22樓

    這個真的很好用哩^^~~

    謝謝分享,已經Co回去使用嚕~~

  • wennylee at April 12, 2007 10:27 AM comment | email Homepage | prosecute
  • 23樓

    23樓

    真是太棒了。
    原來我加了書簽在每一頁上,但怪怪的。現在抓了你的ocde回去,一試就成!!
    把你加入好友了:)

  • billypan101 at April 18, 2007 08:58 AM comment | prosecute
  • 24樓

    24樓

    太棒啦!

    這樣太方便了!

    希望沒有提供此服務的部落格使用者,通通都加上這些書籤!

    不只看起來可愛漂亮,用起來也超方便呢!

    感謝你的分享!

    我的旅遊經站要開始使用啦!

  • shaujiun at April 18, 2007 10:40 PM comment
  • 25樓

    25樓

    謝謝分享喔..
    我已經開始使用了~^^~

  • qqting0426 at April 19, 2007 10:33 AM comment | prosecute
  • 26樓

    26樓

    安裝成功,非常謝謝。

  • woodman at April 22, 2007 01:24 PM comment | prosecute
  • 27樓

    27樓

    太晚看到這一篇,
    都已經手動PO上去了呢@@!
    看來要花點時間一個一個卸下了!
    感謝CGS大大的教學分享!

  • purin710513 at April 27, 2007 02:55 PM comment | email Homepage | prosecute
  • 28樓

    28樓

    謝謝,我認真爬了好幾遍,最後決定不管了,放上去再說,居然..................一次就成功了!

  • fannan at May 11, 2007 02:59 PM comment | prosecute
  • 29樓

    29樓

    很努力的看
    但字好多喔

  • jerocca at June 21, 2007 02:52 AM comment | Homepage
  • 30樓

    30樓

    看到別人有這新奇的小東西,自已也想有 ~
    好在有你的教學‥讓我順利的完成,謝謝

  • eason0303 at July 5, 2007 01:03 AM comment | email Homepage | prosecute
1 2 Next
Post A Comment









Yes No



Please input the magic number:

( Prevent the annoy garbage messages )
( What if you cannot see the numbers? )
Please input the magic number

誰來收藏
Loading ...