文藝復興運動暨twitio.us、twitThat書籤按鈕語法

今天搞文藝復興，和大家分享我的本季必讀九宮格書單明細，整齊排開清一色皆是非常值得研究以及參考的當代經典。作者個個為該領域之箇中翹楚，書單如下明細如下圖（點擊可放大）；除了「台灣史紀」以外，本本都是民進黨時期的禁書，像「髒話辭海」是藍丁團體『為反民進黨而反教育部協會』出版來與杜部長的成語字典抗衡的大作，諸如「他馬的」、「趕羚羊」、「把你當人看」和「沒有啦～」等等膾炙人口的馬囧代表辭都收錄在理面，本來還有一本李登輝撰寫的『我想作好人』，但是因為內容跟無間道有點像，九宮格又塞不下，只好先緩一緩。



沒錯，凱特打結又在Ｋｕｓｏ了，即便是無恥台獨份子，也是要有適度的休閒娛樂調劑一下的嘛；上面的經典叢書，是在這個網站做的。裡面的題材應有盡有、五花八門；而且玩了很容易上癮（如果你ａｓ怪ａｓ我的話）。

另一個要分享的網站是跟「明星臉」有關的網站，只要把自己的照片上傳，網站就會依據每個人的五官跑出一堆『電腦判斷』相像的明星。而且連相似度的百分比都會秀出來，很有狗仔精神。我相片產生的結果，還蠻不要臉的，心虛之餘我就找了另一張表情不同的照片再跑一次；產生出來的代表人物分別如下↘


真是不好意思阿！除了魚目混珠的木村拓哉之外怎麼都是一堆美女呢盛情難卻之下我只好勉強接受了。其實這個產生器我幾年前就玩過了，現在玩卻還是一樣有樂趣；當然，隨著時代變遷，網站也加入新的功能。例如：它有『證人』的功用。比如說，我厚著臉皮跟人家炫耀我像深田恭子的時候，一般人在正常的情況下通常會回答："屁啦！"或是"是誰害你有這種誤解的？"此時不服氣的我，即可拿出網站貼心為我準備的『證據』，大聲告訴他『有圖有真相』↙

前兩天有網友問到twitio.us以及twitThat按鈕放到部落格里的方法，嘖嘖，這不懂於是要我作按鈕嗎（笑）。沒關係，姊姊我就是以雞婆著稱，今天不但獻上教學，還附送twitio.us以及twitThat五花八門系列按鈕供派友們取用。

• XS版如果想和凱特一樣在文章開頭或結尾放一整排的書籤，那每個書籤就都必須小小的才擺得下。

• 語法

<P style="COLOR: rgb(80,84,220)" align=left><P style="COLOR: rgb(80,84,220)" align=left><A title=twitthat! href="javascript:(function(){TwitThatPop=window.open(%22http://twitthat.com/go?url=%22+encodeURIComponent(location.href)+%22%26title=%22+((document.title)?encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27)):%22%22),%22TwitThatPop%22,%22width=600,height=500,location,status,scrollbars,resizable,dependent=yes%22);setTimeout(%22TwitThatPop.focus()%22,100);})()"><IMG alt=twitthat src="http://mmf15a.blu.livefilestore.com/y1pQNUnarkkmZ7MBwzCgfvPV0a4ky_Vu1BaboIYmeO2nnNwGVqhbUeuQNz4NJ7fIiStEbvSSiRB75P0j8kLrEabyw/twtx.png" border=0></A><A title=twitio.us href="javascript:(function(){TwitThatPop=window.open(%22http://twitio.us/go?url=%22+encodeURIComponent(location.href)+%22%26title=%22+((document.title)?encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27)):%22%22),%22TwitThatPop%22,%22width=600,height=500,location,status,scrollbars,resizable,dependent=yes%22);setTimeout(%22TwitThatPop.focus()%22,100);})()"><IMG alt="twitious it!" src="http://mmf15a.blu.livefilestore.com/y1pQNUnarkkmZ5TS9jhd6X3Ej6ROcnjUYV4nUNxCg7KoHwS6m82czBRS6WIm80Okl0B1CUtIathX1qjxcjhtc-15w/twtw.PNG" dragover="true"></A><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 title=furl height=16 alt=furl src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/9.jpg" width=14 border=0></A><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 title="Google Bookmarks" height=16 alt="Google Bookmarks" src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/4.jpg" width=14 border=0></A><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)+'&ei=UTF-8'));"><IMG title=PChome height=16 alt=PChome src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/a2940.jpg" width=13 border=0></A><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 title=Baidu height=16 alt=Baidu src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/3.jpg" width=14 border=0></A><A href="javascript:void window.open('http://del.icio.us/post?&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title))"><IMG title=del.icio.us height=16 alt=del.icio.us src="http://farm1.static.flickr.com/176/437902134_8f9882796e_m.jpg" width=14 border=0></A><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 title=digg height=16 alt=digg src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/7.jpg" width=14 border=0></A><A href="javascript:void window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(window.location.href)+'&ei=UTF-8','popup','width=520px,height=420px,status=0,location=0,resizable=1,scrollbars=1,left=100,top=50',0)"><IMG title="Yahoo! My Web" height=16 alt="Yahoo! My Web" src="http://farm1.static.flickr.com/164/437902282_47f6190be0_m.jpg" width=14 border=0></A><A href="javascript:void window.open('https://favorites.live.com/quickadd.aspx?mkt=zh-tw&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title))"><IMG title="Windows Live Favorites" height=16 alt="Windows Live Favorites" src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/10.jpg" width=14 border=0></A><A href="javascript:void window.open('http://technorati.com/faves?add='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title))"><IMG title=Technorati height=16 alt=Technorati src="http://farm1.static.flickr.com/167/438580407_1419d64b41_o.jpg" width=13 border=0></A><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://bookmark.udn.com/add?f_TITLE='+encodeURIComponent(document.title)+'&f_URL='+encodeURIComponent(location.href)+'&f_DIGEST='+encodeURIComponent(desc)+'&via='+encodeURIComponent(via)));"><IMG height=16 alt="UDN 共享書籤" src="http://bookmark.udn.com/html/help/udn.gif" width=14 border=0></A><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 title=HEMiDEMi height=16 alt="HEMiDEMi 黑米共享書籤" src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/2.jpg" width=14 border=0></A><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 title=MyShare height=16 alt="MyShare 網路書籤" src="http://web.caidiy.com/plate/files/myblog/person/make_template/cgs0102/1037//images/1.jpg" width=14 border=0></A></P>

★ 只要增加這兩個或單一個按鈕的話，就照下面的教學！

• twitThat語法+五顏六色twitThat按鈕

• 圖片建議另存新檔上傳到自己的空間，若沒有自己的空間按滑鼠右鍵複製圖片網址，再將語法的「圖片網址」置換成自己選擇的twitThat圖片網址；並將整段語法放到文章中開頭或結尾等合適的地方就OK嚕！

<A title=twitthat! href="javascript:(function(){TwitThatPop=window.open(%22http://twitthat.com/go?url=%22+encodeURIComponent(location.href)+%22%26title=%22+((document.title)?encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27)):%22%22),%22TwitThatPop%22,%22width=600,height=500,location,status,scrollbars,resizable,dependent=yes%22);setTimeout(%22TwitThatPop.focus()%22,100);})()"><IMG alt=twitthat src=" 圖片網址 " border=0></A>

• twitio.us語法+五花八門twitio.us按鈕

• 圖片建議另存新檔上傳到自己的空間，若沒有自己的空間按滑鼠右鍵複製圖片網址，再將語法的「圖片網址」置換成自己選擇的twitio.us圖片網址；並將整段語法放到文章中開頭或結尾等合適的地方就OK嚕！

<A title=twitio.us href="javascript:(function(){TwitThatPop=window.open(%22http://twitio.us/go?url=%22+encodeURIComponent(location.href)+%22%26title=%22+((document.title)?encodeURIComponent(document.title.replace(/^\s*|\s*$/g,%27%27)):%22%22),%22TwitThatPop%22,%22width=600,height=500,location,status,scrollbars,resizable,dependent=yes%22);setTimeout(%22TwitThatPop.focus()%22,100);})()"><IMG alt="twitious it!" src="圖片網址" dragover="true"></A>

完成後，你的讀者們，就可以很便利的把你的文章，推到witio.us及twitThat上去囉！

後記→鄉親阿！請問有人知道Yahoo奇摩是怎麼回事嗎？當真決心與五百四十多萬人硬幹？

延伸閱讀

• 動態按鈕製作FlashButtons
• Web2.0按鈕產生器Web button maker