畢其功於一役的書籤按鈕語法(新增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,所以又加上了~
Today's Visitors: 0 Total Visitors: 1038
Personal Category: 資訊看版
Topic: technology
Previous in This Category: 愛因斯坦推薦本站? Next in This Category: 如何於無名內文區置放 Adsense
Previous in This Category: 愛因斯坦推薦本站? Next in This Category: 如何於無名內文區置放 Adsense
歷史上的今天:

Sealed (May 20)










若你的部落格系統是無名小站,可參考 CGS 的這篇教學文章,把書籤按鈕放到文章內文下方。
昨天亂逛時 在AMYKAKU的網站發現的分享 除了在BLOG的上方及側邊的欄位可以放上Google AdSense 連
眼尖的朋友一定有發現 我的BLOG文章的最底端出現了這樣的一行東西
不知道有沒朋友注意到,最近 Seair 的某些文章有出現↓這種東西?<CENTER><img src=" http://blog.sina.com.tw/myimages/124/5500/images/20070517213727540.jpg"
1樓
1樓搶頭香
這應該是完結篇了吧?
光是拆除就招牌也得花不少時間阿!:P
2樓
2樓頸推
感謝C帥的分享!!
3樓
3樓坐沙發
C帥真是貢獻網摘良多
我要建議Who's Who in The World把CGS列入提名
4樓
福樓
多謝CGS兄和Ressol兄,現在看版直接出現真方便。
這的確是畢其功於一役了!
5樓
專業的5樓
這是個人網摘的工具嗎? 還真不錯耶... ^^
6樓
6樓
很棒的資訊 真的學道許多唷!! 感恩~
7樓
7樓
呼籲了半天,文章放了一個晚上,還是我第一個收的啊...C帥口號喊的還不夠響亮,這樣費心為大家著
想,自己也應該親自來當網摘師才對。:)
8樓
8樓
除了「感恩」,
實在想不出更好的形容詞了~~
艾德華
9樓
9樓
雖然落落長的道理看不懂,
不過我試放成功了,
謝謝CGS多篇的分享,
等我腦袋清楚一點再來奮力研究。
(會不會沒有腦袋清楚的時候啊?~~~XD)
10樓
10樓
Sealed
11樓
11樓
Sealed
12樓
12樓
好吧
我有看沒有懂
果然生過小孩有差
嗚........
葛蘿
13樓
13樓
請問是否一定要是金卡VIP會員才可使用?
我是銀卡會員,不支援JavaScript...
14樓
14樓
Sealed
15樓
15樓
好有趣喔
呵呵~~
剛剛放上去了
太有趣了
再次覺得會寫程式真好耶!!
但是我有一次把上面這句話放到暱稱中
就有三四個寫程式的朋友說
一點都不好 @@
不過說真的
要懺悔一下
其實我基本上沒有在玩這些共享書籤社群耶....><
所以也就沒有去分享了~
16樓
16樓
Sealed
17樓
17樓
To 愛咪:
是啊~早知道當初就不要「蓋」那麼多~
To 仔仔熊, timk & 艾德華:
不客氣,希望對大家有幫助~
To 小龍:
不要,等等叫我花錢買年鑑還是幹嘛的~XD
To 拼穀:
如果是BSP提供這個功能那會更讚~:P
To 院長:
可是院長你的日記文章沒有獨立網址,摘不下~XD
To 迴紋針:
唉悠~呼籲是要大家提醒自己,不是要摘這篇文啦~
To sandy:
試放成功就不用「再研究」了~
讓它好好幫你工作就好...:P
To 葛蘿:
哈~別這麼說,能用就好,懂不懂其次...^^
To bryanwu:
因為我沒有銀卡帳號,不能測試,
你可以試貼看看就知道了~
To 精靈貓:
我也不會寫程式啦,我也是胡亂改~
這回要感謝 Ressol 啦~^^
18樓
18樓
上下篇的問題瞭解了,
感恩喔~
艾德華
19樓
19樓
C大想請教您那個下拉式框架(放語法框架)的語法是什麼呢?感恩~
補充:還有一個PcHome Search的書籤區唷 台灣還不少人用
http://search20.portal20.com.tw/x.jsp
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>也是可有
可無,看你排版的習慣與需求。
21樓
21樓
又偷學到一招了,
快跑~~~^^
艾德華
22樓
22樓
這個真的很好用哩^^~~
謝謝分享,已經Co回去使用嚕~~
23樓
23樓
真是太棒了。
原來我加了書簽在每一頁上,但怪怪的。現在抓了你的ocde回去,一試就成!!
把你加入好友了:)
24樓
24樓
太棒啦!
這樣太方便了!
希望沒有提供此服務的部落格使用者,通通都加上這些書籤!
不只看起來可愛漂亮,用起來也超方便呢!
感謝你的分享!
我的旅遊經站要開始使用啦!
25樓
25樓
謝謝分享喔..
我已經開始使用了~^^~
26樓
26樓
安裝成功,非常謝謝。
27樓
27樓
太晚看到這一篇,
都已經手動PO上去了呢@@!
看來要花點時間一個一個卸下了!
感謝CGS大大的教學分享!
28樓
28樓
謝謝,我認真爬了好幾遍,最後決定不管了,放上去再說,居然..................一次就成功了!
29樓
29樓
很努力的看
但字好多喔
30樓
30樓
看到別人有這新奇的小東西,自已也想有 ~
好在有你的教學‥讓我順利的完成,謝謝