Comments

替Blogger加入相關文章功能（二）

我

覺得這個比我現在用的版本還要好耶，可是..為什麼會抓不到Feed呢？標準模板就可以..唉，難道又是非標準模板的悲哀..，做個筆記記下來，以後找機會再來改改看。

＊請記得備份模板，以下步驟請把模板下載回來修改比較不會出錯。



Step. 1
首先在]]></b:skin>和</head>之間，放入以下語法


語法
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>


Step. 2
搜尋模板找到<b:loop values='data:post.labels' var='label'>這段語法，在<b:loop values='data:post.labels' var='label'>和</b:loop>之間的語法用下面的取代，紅色的文字代表要顯示的相關文章數目，可以自行修改。

語法
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if>


Step. 3
接著找到<p><data:post.body/></p&gt;這段語法，將下面的語法放在<p><data:post.body/></p&gt;的後面。紅色的文字部份可以自訂。

語法
<div id='related-posts'>
<h2>相關文章：</h2>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script></div>


Step. 4
接著加入CSS語法來美化一下，這部份可以依個人喜好來修正。CSS語法放在<b:skin><![CDATA[和]]></b:skin>之間。


CSS 語法
/*-- (Related posts widget -below posts) --*/
#related-posts {float:center; width:450px; height:100%; min-height:100%; padding-top:5px;padding-left:5px;}
#related-posts .widget{padding-left:6px; margin-bottom:10px; background-color:#fff}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #0000FF;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;

}
#related-posts a{color:#A10000;}
#related-posts a:hover{color:#A10000}
#related-posts ul{list-style-type:none; margin:0 0 0px 0; padding:0px;text-decoration:bold;font-size:15px;text-color:#000000}
#related-posts ul li{background:transparent url(http://img152.imageshack.us/img152/3756/bulletzc2.gif) no-repeat ; display:block; list-style-type:none; margin-bottom: 13px;
padding-left: 30px;padding-top:0px;}


更詳細的介紹請參考原作者，這篇只是筆記而已。

參考網站：Related Posts hack For Blogger includes custom CSS


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期一, 六月 30, 2008
這篇文章讓你覺得： 

Comments

請救救網站開發員-向IE 6說不！！

靠

盃，為什麼看到這網站我笑了XD，沒錯...不只網站開發人員，連我這一般使用者都非常賭爛IE 6，別的不說..光是不支援PNG透明背景就已經夠爛了，這種跟不上時代的瀏覽器該廢了，所以Save The Developers網站發起了這活動，為了給網站開發者更好的開發環境，首先第一目標就是先請大家捨棄IE 6，升級到IE 7或是改用其他支援W3C網頁標準的瀏覽器，像是Firefox、Opera和Safari。

該網站已支援中文，如果你支持他們的行動，可以在自己的網站加入以下語法，


向 IE 6 說不！！
<script src="http://www.savethedevelopers.org/say.no.to.ie.6.js"></script>




底下是用IE 6瀏覽我的部落格的樣子。

gallery thumbnail


只要是使用IE 6的訪客，在進入網站後就會網站右上方看到『向IE 6說不！』的宣傳圖案，其他瀏覽器使用者不會看到，Javascript檔案只有1.6KB而已，不會佔用您太大的頻寬，該網站也在徵求其他語言的圖片，有興趣的人可以跟官網報名喔！！

另外，如果你加入了，可以自己設計網站Logo給官網，讓它把你加入支持者名單中！！

- 報名頁面請點我。
- 支持者名單請點我。


中文官網：http://www.savethedevelopers.org/lang/zh/


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期一, 六月 30, 2008
這篇文章讓你覺得： 

Comments

PlacesBar Editer - 修改Windows預設的存檔視窗位置

吼

！找這類軟體找好久了，總算找到這一個來試用看看，可惜只能修改原本預設的5個位置，無法再增加數目，這是唯一可惜的地方。當我們要存檔時，Windows的存檔視窗左邊會出現5個預設的位置，分別是『桌面』、『我的電腦』、『網路上的芳鄰』、『C碟』和『D碟』，這軟體的功能是能讓你修改這5個存檔圖示，存到自己習慣的地方，而且連Office的也能修改，從下拉式選單選擇軟體內建的位置，或是點選『Custom』選擇自己想要的存檔位置，修改完記得按下『Save』即可。

gallery thumbnail

進入下載頁後，最下面的就是了。

參考網站：http://melloware.com/download/
 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期一, 六月 30, 2008
這篇文章讓你覺得： 

Comments

功夫之王


出

乎我的意料之外，這部片比想像中好看多了，沒看之前本來以為是部打著成龍和李連杰的招牌，以功夫為主的電影，然後一定是部B級片劇情的囧片，沒想到看完之後，雖然劇情還是連貫性和深度有點不足，但整體來說沒有出現太過矛盾的地方，像是李連杰登場、丟金箍棒、白髮魔女的愛情、玉皇大帝無腦的部份，劇情轉接上有點硬，還有就是時代設定在古中國神話年代，片中的人都在烙英文，整個感覺就是很奇怪，但很抱歉..『This is Hollywood！』，這是好萊塢商業電影，一切以票房為優先，讓外國人看懂是最重要的事，更何況把中國一些用語西化之後，不用英文來解釋說明，外國人是很難理解的。

不過看完之後有點遺憾，導演刪除了許多片段，據說是為了加快速度，讓主角早早登場，不過我個人覺得那些片段很重要，可以補強片中許多劇情不足的地方，在功夫片導向和劇情片導向的取捨下，片商選擇功夫片的結果就是這樣，連片名（The Forbidden Kingdom）都要硬凹成『功夫之王』，就可以知道片商的想法了。

不過雖然打的是成龍和李連杰的招牌，但是以一個外國男孩當主角貫穿劇情，我覺得相當不錯，這樣反而更能襯托出2大主角的強勢，彼此之間也更能有個交集點，而不會造成互相搶戲模糊劇情的問題。神話故事的部份，我真的覺得玉皇大帝這角色是一整個腦殘，不曉得在幹啥吃的，故事改編之後跟真實有點出入，不過算了..改編故事就不用太計較了。

最後..功夫之王2要開拍了，希望它從第一集的最後的伏筆繼續拍下去，以男孩的故事繼續發展，不過看了新聞片商的說法，我看是不可能的吧，唉～
 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期日, 六月 29, 2008
這篇文章讓你覺得： 

Comments

南方四賤客第10季第3集-卡通戰爭（一）


這

次南方為了諷刺Family Guy（惡搞之家）又開了上下2集的大長篇了，用了極其誇張的手法來諷刺惡搞之家的編劇們，這裡要注意的是..南方2大製作人並不是對惡搞之家這節目或是他們的粉絲有意見，而是單純的對編劇沒有大腦的可互換式笑話大大諷刺一番，這點在DVD裡都有提到，不過我覺得葛屁老師對穆斯林的"獨特"見解，還真的是蠻有道理的XD，因為不能性愛也不能打手槍，所以他們當然會對惡搞之家不爽，那段解釋的相當靠盃。不過這集隱含的捍衛言論自由意義相當不錯，南方公園的人們受於威脅，不願意站出來捍衛言論自由，卻反而選擇把自己的頭埋進沙子裡，就像鴕鳥心態一樣，裝聾作啞什麼都不知道，很符合現代人的人性思維..唉～



這集看到凱子和阿ㄆ一ㄚˇ騎腳踏車賽車那段，讓我懷念起以前玩過的『南方四賤客-瘋狂大賽車』，真是令人懷念阿，尤其是阿ㄆ一ㄚˇ丟東西干擾凱子，就像遊戲中拿道具干擾對手一樣，有異曲同工之妙。本來我對Family Guy是蠻有興趣的，但是看到南方這樣諷刺它讓我心都冷了一半，尤其是裡面片段的笑話...真的是很冷，有個梗查了老半天才知道，而且又不好笑，看了維基的介紹還真的蠻屌的，因為DVD熱賣讓本來停播的節目再度播出，而且好像也是史上頭一遭，總之..找機會來看看這部同樣以諷刺聞名的動畫來看看吧。

gallery thumbnailgallery thumbnailgallery thumbnail
gallery thumbnailgallery thumbnailgallery thumbnail


參考網站：Family guy wiki


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期日, 六月 29, 2008
這篇文章讓你覺得： 

Comments

修正Draft Blogger內建的留言內嵌功能

稍

為測試了一下Blogger的留言內嵌功能，發現只要不是標準模板或是已經有內建其他內嵌留言Hack的話，這個功能似乎無法正常啟用，而且還必須做一點小修正，Blogger Buster大大提供了這個修正方法，如果你有安裝其他留言內嵌Hack的話，要記得先移除還原才能使用。

首先請先登入Draft Blogger，到『設定』→『意見』→『意見表單位置』，設定成『已內嵌下列文章』。




接著下載模板，找到以下原始碼：

原始碼
<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>


改成以下語法取代即可：

原始碼
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>



參考網站：How to add a comment form beneath your blog posts


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期六, 六月 28, 2008
這篇文章讓你覺得： 

Comments

Firefox 3版本的PCman套件

唉

！有點可惜，之前我很喜歡的FireBBS好像沒有繼續再更新了，FireBBS強調的是用滑鼠像瀏覽一般網站一樣上BBS，內建幾個不錯的功能，唯一的毛病是很容易會閒置被踢出去，沒關係..現在新的PCman版本推出了，版本是20080627，完全支援Firefox 3，用了一陣子大致上操作方法跟PCman一樣，也不容易被踢出去，選項裡面也有幾個常用設定。
gallery thumbnail

另外在瀏覽BBS時按右鍵，也可以看到跟Pcman一樣的快捷選單，像是複製ASNI色彩碼、字元編碼、搜尋功能等，不過沒有下載整篇文章的功能有點可惜。



參考網站：載點
 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期六, 六月 28, 2008
這篇文章讓你覺得： 

Comments

Blogger又推出新功能囉！！

B

logger真的是越來越強大啦，除了之前最令人期待，有網友推測未來可能會支援數字分頁的功能（目前僅止於推測），今天在Blogger官方部落格宣佈，又推出了幾項令人振奮的功能，這些功能必須登入Blogger Draft才能看到喔，介紹如下：

1.整合網站管理員工具（只有英文版）

登入Blogger Draft之後，在底下的『工具和資源』就能看到此選項，點選之後就能啟用『網站管理員工具』，這個在之前的優化搜尋引擎-讓Goolge更容易找到你的部落格文章有介紹過了。




2.星號文章評分系統

這外掛以前有玩過，不過砍掉了，現在Blogger直接內建進去，登入Blogger Draft之後，到『版面配置』→『網頁元素』，找到『網頁文章』的區塊按下『編輯』，就會在裡面看到了。


3.匯出、匯出文章和留言工具

容許我罵髒話，這真是他媽的太重要了！！苦等許久的功能，Blogger終於支援將文章和留言匯出成Atom格式的Xml檔案，也可以匯入外部的檔案，可以跟其他第三方工具更加整合了。這功能在『設定』→『基本』，第一個『網誌工具』就看到啦！！


4.整合留言視窗到文章底下

這功能早該有了，雖然早有一堆Blogger Hack能辦到這個功能，現在Blogger正式支援了，這選項在『設定』→『意見』→『意見表單位置』，選擇『已內嵌下列文章』即可，整合的感覺還不錯。


5.全新的文章編輯視窗

這個要自己親自體驗才能感受，尤其是在『所見即所得編輯視窗』，圖片拖拉以及文字環繞功能變的更方便，全新的編輯視窗圖示，以及全新圖片和預覽視窗，讓使用者更加的方便發表文章，更詳細的細節請參考官方說明。


請注意，以上這些好用的功能只有在Blogger Draft才有喔，如果你不想每次都登入到Blogger Draft，那麼就將它設成Blogger預設登入的後台吧，登入Blogger Draft之後在右上方有個『讓 Blogger 測試區成為我預設的資訊主頁。』，點選之後每次登入就會自動跳到Blogger Draft了，方便吧！！


參考網站：Updates and Bug Fixes for June 26th


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期五, 六月 27, 2008
這篇文章讓你覺得： 

Comments

見鬼了！Humyo提供30GB的免費空間！！


最

近又開始有免費空間的需求了，因為又要開始分享南方四賤客的影片..嘿嘿，沒想到卻意外發現了這個免費的網路空間，Humyo提供了免費帳號25GB的媒體檔案空間和5GB的非媒體檔案空間，進階註冊帳號有100GB的空間，詳細相關規定官方並沒有寫的很清楚，目前我只知道免費帳號有以下限制：

- 沒有檔案大小的限制。
- 3個月內檔案沒有存取會自動刪除。
- 3個月內沒有登入的話，帳號會失效。
- 最重要的一點，有頻寬限制存在，但官方很機車的是..沒有說得很清楚。

付費進階帳號則沒有以上限制，不過我覺得它的操作介面做的不錯，很直覺分享檔案也很簡單，值得推薦！！



Step. 1
首先到官方網站註冊帳號，填寫使用者名稱和E-mail，這步驟很簡單，記得下面選擇『Free'選項。


Step. 2
登入進去操作介面後，會要求你填寫一些簡單的詳細資料，隨便寫寫吧，這是給社群朋友分享用的，如果你很在意的話，可以"認真"寫XD。


Step. 3
接著點選左邊的『Upload files'就可以上傳檔案了。


Step. 4
可以看到詳細的上傳資訊。


Step. 5
要分享檔案的話，最重要的是先設成『Public'，你可以在檔案上面點2下來設定，或是在檔案上面按右鍵來設定都可以，可以設定分享檔案的連結，影片檔也可以內嵌到外部網站播放，播放器也可以像Youtube設定樣式，不過有些功能只有付費帳號才有，對免費使用者來說也已經夠了。


Step. 6
最後，這網站的走向其實比較偏向『備份資料』和『社群分享』的功能，同時也支援手機上傳，這方面沒有研究..不熟，官網還提供了本機端程式可以來上傳，它會在電腦裡虛擬出一個磁碟空間，方便使用者分享或是備份檔案，相當方便..不過，免費帳號只能用14天..0rz。



參考網站：官方網站


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期四, 六月 26, 2008
這篇文章讓你覺得： 

Comments

Magic Toolbox-超炫的圖片放大鏡特效


又

出現了新的圖片特效囉！！不過這一次讓我好奇的是官方的規定，Magic Toolbox官方推出3種新的圖片特效功能，但這3種特效其實是要收費的，但是它卻又在Demo網頁的右邊讓使用者下載試用版檔案，並著名只要是用在非商業營利的使用下，通通免費！！那它怎麼知道我是不是拿去營利用呢，科科...

這3種特效都很炫，但我覺得炫的效果大於實質意義啦，加上JS檔案有19K之大，所以考量之下，我好像用不太到，也就沒有去研究語法內容了，不過還是推薦大家使用看看，下面每個展示網頁的右邊都可以下載適用版來用喔！！



Magic ZooM - 放大鏡特效
只要把滑鼠移到圖片上面，就會在旁邊出現放大圖片的視窗。
示範網頁：http://www.magictoolbox.com/magiczoom/
gallery thumbnail

Magic Magnify - 放大鏡特效
雖然同樣是放大鏡特效，但卻是在圖片上出現圓形區塊，直接放大圖片的部份。
示範網頁：http://www.magictoolbox.com/magicmagnify/
gallery thumbnail

Magic Thumb - 圖片放大展示
這個就有點像是Lighbox之類的圖片特效了。
示範網頁：http://www.magictoolbox.com/magicthumb/
gallery thumbnail

有興趣請到官網看看。


參考網站：Magic Toolbox


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期六, 六月 21, 2008
這篇文章讓你覺得： 

Comments

終於升級到Firefox 3了！

期

待已久的Firefox 3已經推出了，我也參與了Download Day，也拿到證書了，我向來都是習慣用Portable版本，但這次的Portable版本真的是讓我一整個火，由於Firefox Launch的錯誤，開啟Portable Firefox會先出現虛擬記憶體不足的錯誤，接著是一整個Firefox視窗的大轟炸，靠..這輩子還真的是第一次體會到視窗炸彈的威力，根本完全就是一整個擋不住，最後我乾脆放棄了，讓Firefox開到爽，開到記憶體不足讓它自己停下來，我再一個個慢慢關，更好笑的是..我不死心的又再試了一次...<冏>。

後來找到了解答，不只是Launch檔案的錯誤，如果Portable Firefox的路徑裡包含中文，也會出現同樣的情形，用了消極的解決方法，找到之前RC英文測試版的Launch來替換，這個情形才終於解決了。

Portable Firefox 3.0官網：點我。
RC 測試版：點我。

2個檔案抓下來解壓縮之後，將RC2的Launch檔案取代Firefox 3的Launch檔就行了。



接著中文化的方法，先安裝Locale Switcher這個擴充套件，再安裝繁體中文語言包就行了。

Locale Switcher 套件：點我。
繁體中文語言包（zh-TW.xpi）：點我。

說到這次Firefox 3的特色，除了又內建了幾個好用的擴充套件，介面整合，我最愛的就是內建的推薦套件下載，真的是超棒的，以後要找套件直接用搜尋就行了，不用再去官網找，不用擔心來源，會自動過濾版本，真的是超方便。然後是網址列的部份，新的網站資料按鈕、網址自動搜尋、星號書籤按鈕，真的是大大強化了Firefox 3！！

現在用Firefox 3瀏覽網頁簡直是一整個順阿，超級快的，由於安裝了Ramback這個套件，Firefox 3+31個套件，記憶體使用量大約100MB左右而已，真是太讚了！我不喜歡用像MozBack或是Febe這類的備份套件，因為每次重新安裝或改版，我都喜歡列出所有的套件列表，再一個個重新檢視這個套件是否有安裝的必要，是不是平常真的有在用，所以這次我留下了31個擴充套件，但還是有幾個尚未支援Firefox 3，我的套件不一定是最好用的，只是最符合我的需求。

我的套件列表

Firefox 3.0 (2008052906)
系統: WINNT (x86-msvc)




 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期六, 六月 21, 2008
這篇文章讓你覺得： 

Comments

完整系列的iTheme部落格模板推出囉！！

還

記得這個仿Mac風格的美型iTheme模板嗎？當初在WordPress上推出造成轟動，除了漂亮的外觀風格外，還有那個可以自由移動的側邊元素，更是最大的賣點之一，可惜這功能只能在WordPress上運作，轉到Blogger平台後就沒用了。現在有大大做出完整版本的啦！所有特色完全保留，在Blogger平台上也可以移動網頁元素了！！而且作者還提供多種Layout版本供大家選擇。

gallery thumbnail

但使用前請先注意以下事項：
- 原創作者是：Nick La。
- 不得將此模板轉賣得利。
- 模板底部的N.Design Studio 和 Magznetwork連結必須保留。
- 可以作為個人或商業用途。
- 任何人可以修改、翻譯然後推廣。



安裝前的注意事項：

1.下載檔案解壓縮後，將images資料夾裡所有的圖片上傳到可外連的網路空間。
2.編輯Xml檔案，找到所有的『http://YOURGOOGLEPAGES.googlepages.com』連結，改成你的圖片連結，這裡原作者是用Googlepage做示範。
3.登入Blogger後台之後，點選『版面配置』→『修改Html』，然後上傳檔案，不要用複製貼上的方法將原始碼寫入。
4.先不要預覽部落格的樣子，先到『網頁元素』裡，編輯『Top Menu』這個元件，請先至少新增一個連結，例如首頁的連結。
5.編輯『Archives（網誌存檔）』這個元件，選擇『Flat List（Flat 清單）』，時間格式選擇『MM YY』，例如『一月 2006』。
6.編輯『Recent Posts（最新文章）』這個元件，將『http://YOURBLOGNAME.blogspot.com/feeds/posts/default』改成你的部落格網址。
7.編輯『Recent Comments（最新回應）』這個元件，、將『http://YOURBLOGNAME.blogspot.com/feeds/comments/default』改成你的部落格網址。
8.到『設定』→『格式』，將『日期標題格式』改成『星期三, 一月 30, 2008』這種格式。
9.最後修改大功告成，可以看看部落格的模樣啦！！

原作者在文章中提供了各種樣式，所以請到原作者的網站，選擇自己喜歡的下載，還有粉紅系的喔！！


參考網站：iTheme Techno Blogger Template (Complete Series)


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期一, 六月 16, 2008
這篇文章讓你覺得： 

Comments

建立最簡單具有Tabview功能的網頁元素

最

近開始有蠻多有名的網站在使用這個功能，用說的不知道該怎麼形容，就是把幾個網頁元素集中成一個，然後用Tabview來進行分頁切換預覽，可以節約空間又美觀大方，也不需要花時間重新載入，把它們集中在一起訪客方便尋找，也比較好使用，不過之前看過幾個最原始的版本和改良過的版本，都不是很喜歡的說，一是因為用到的語法檔案太大，二是修改實在太麻煩，不過這次找到的版本很簡單也很方便，加入1個8K的Javascript語法和1個2K的CSS語法，再新增2個網頁元素就搞定了，可以到這位大大的部落格看看樣式，因為他在側邊欄用了一堆XD。

觀看樣式：請點我。


Step. 1
將以下語法放在</title>的後面，如下。注意這是原作者的空間，建議抓下來放在自己的空間裡，要修改樣式的話，改CSS檔案就行了。

語法
<title><data:blog.pagetitle/&gt;</title>
以下語法放在</title>這段的後面
<!--// dhtml tabview blogspot hack begins. (c) 2008 dennyhalim.com //-->
<link href='http://lim.nfshost.com.nyud.net/tabcontent.css' rel='stylesheet' type='text/css'/>
<script src='http://lim.nfshost.com.nyud.net/tabcontent.js' type='text/javascript'/>
<!--// dhtml tabview blogspot hack end. (c) 2008 dennyhalim.com //-->


Step. 2
接著新增一個『HTML/JavaScript網頁元素』，貼入以下語法，這裡要注意的是網頁元素的ID，你必須先建立好這些網頁元素，找到名稱之後再填入。另外不同的Tabview就會有不同的屬於該Tabview的ID，這裡的ID是posttabs，要在建立另一個Tabview的話，就必須在用不同的ID名稱。

重要：完成之後，請將這個網頁元素移到所有元素的最上方，要預先載入。


語法
<ul id="posttabs" class="shadetabs">
<li class="selected"><a href="#" rel="LinkList2">Features</a></li>
<li><a href="#" rel="網頁元素的ID">名稱</a></li>
<li><a href="#" rel="網頁元素的ID">名稱</a></li>
<li><a href="#" rel="網頁元素的ID">名稱</a></li>
<li><a href="http://it.dennyhalim.com/" title="get this blogspot dhtml tabview hack">!</a></li>
</ul>


Step. 3
同樣新增一個『Html/Javascript網頁元素』，填入以下語法，來進行Tabview的功能設定。

重要：完成之後，請移到所有網頁元素的最下方。


語法
<script type="text/javascript">
//設定Tabview功能
var myposts=new ddtabcontent("posttabs") //輸入Tabview的 ID
myposts.setpersist(true) //toogle persistence of the tabs' state
myposts.setselectedClassTarget("link") //"link" or "linkparent"
myposts.init()
</script><noscript><a href="http://wiki.dennyhalim.com/blogspot:hacks" title="get this blogspot hack">this dhtml tabview blogspot hack require javascript enabled browser</a></noscript>


如果不喜歡這個樣式的話，可以自行修改CSS檔案，做出自己的風格！


參考網站：http://wiki.dennyhalim.com/blogspot:hacks


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期日, 六月 15, 2008
這篇文章讓你覺得： 

Comments

Plurk和Twitter的訂閱計數器

這

2個目前紅的要命的微型部落格，可惜我都玩不起來XD，如果你想知道有多少Followers（這該怎麼翻？訂閱者？），這裡剛好有2個計數器讓你使用，可以貼在部落格上，輸入帳號或ID，得到語法後貼到部落格就行了。

Plurk的計數器：請點我。


Twitter的計數器：請點我。
 read more...
標籤： , 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期六, 六月 14, 2008
這篇文章讓你覺得： 

Comments

南方四賤客第10季第2集-愛現警報


這

集又真的是考倒我了，為了惡搞汽車排放的廢氣對地球造成的傷害，南方用Smug這個字眼來代表Smog，用了Glodal laming來表示全球暖化（Glodal Warming）效應，Smug有自滿向人炫耀的意思，同時也帶有矯柔做作（娘炮）的感覺，但是翻成中文卻又很難找到適當的形容詞來代表，沒辦法最後只好用"愛現"來翻譯，但是味道感覺又不是那麼到位。這集在表達環保議題，因為汽車排放廢棄造成全球暖化，改變氣候進而產生前所未有的巨大風暴，當然這部份是在模仿電影天搖地動（The Perfect Storm）的情節，這次南方反過來惡搞了電影情節和環保議題，本來開Hybrid（油電混和車）是為了保護地球環境，沒想到南方公園的人們開了這種車卻意外的產生了另一種的Smug（Smog諧音），也意外造成另一種的Glodal laming（Glodal Warming諧音），最後更形成前所未見的Smug Storm，劇中南方公園的大人跟白痴一樣，也沒什麼好稀奇的，可憐的喬治克隆尼也被順便表了一下XD，但其實在最早期南方公園還沒誕生時，在"The Spirit of Christmas: Jesus vs. Santa"這部作品裡，喬治克隆尼和2大製作人都還是合作的對象，在南方電影版裡它還扮演了醫生這個角色，就是幫阿ㄆ一ㄚˇ裝V晶片，把他電的要死的那位，只是近幾年來，2大製作人對他在公開場合的一些言論不爽，所以偷偷表他一下XD。



這集蠻意外的，阿ㄆ一ㄚˇ變成善良的角色了XD，竟然跑去救死對頭凱子，嘴巴說不要、身體到挺誠實的，而且最後摀住嘴巴要大頭不要說，那個動作有讓我小小感動一下，哈哈...。不過大頭依然白痴，沒事扮什麼猶太人給阿ㄆ一ㄚˇ玩...

gallery thumbnailgallery thumbnailgallery thumbnail
gallery thumbnailgallery thumbnailgallery thumbnail

 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期六, 六月 14, 2008
這篇文章讓你覺得： 

Comments

Evermotion-新登場的即時通訊軟體


又

有一款跟Digspy、Pidgin一樣，同時支援多種通訊格式的軟體，不過看了一下官網的介紹，大致上該有的功能都有了，比較沒有能夠吸引我下載用用看的功能，所以這次就沒有親自體驗看看，它不像Digspy一樣，除了通訊功能以外還朝著支援Web 2.0服務的方向走，所以對我來說比較不具吸引力。

看官網的介紹，除了支援MSN、Yahoo、ICQ..等等功能，而且還支援Local Chat本地端聊天，這倒是蠻稀奇的，當然傳檔功能也有，也支援Plugin的安裝和下載，面板更換等功能，大致上該有的都有，如果有興趣的話，可以下載來使用看看。


官網：http://ec.evermotion.org/
 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期五, 六月 13, 2008
這篇文章讓你覺得： 

Comments

生活魔法家-5分鐘讓你縮小腹

真

不虧是日本的生活魔法達人，這方法簡單又符合科學原理，實在是太屌了！！

 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期六, 六月 07, 2008
這篇文章讓你覺得： 

Comments

如何回復被刪除的部落格

在

Dummies Guide to Google Blogger Beta看到這篇相當不錯的文章，很實用所以做個筆記紀錄下來，以後可以當作不時之需，當然平時就要養成以下習慣，才不會造成遺憾。

- 隨時備份你的Blogger
- 隨時備份模板
- 隨時備份你的網頁元素內容

首先要先知道部落格會被刪除的原因：

1.不小心按到了『設定』→『基本』→『刪除你的網誌』按鈕。
2.違反了Blogger的部落格使用條款，被Blogger刪除，使用條款請點我。
3.帳號被盜了，這時只有加強你的密碼安全等級。
4.你的Google帳號被刪除了，但其實你的部落格還在，只是無法登入後台進行管理。
5.無緣無故的消失，當你登入了後台，卻發現看不到部落格了，其實它很有可能被轉移到你的另一個Google帳號，記得用完整的E-mail帳號登入，在重新找一次，如果忘了密碼，可以到這裡回復密碼，如果一直無法登入成功，可以到這裡看看無法登入的原因列表。
6.最後一種是你的部落格位址根本被擋住了，你以為被刪除了，但其實沒有，可能原因很多：包括ISP、防毒軟體、防火牆..等等。



如果真的被刪除了，那就向官方回報，填寫資料即可。官方會尋找這個帳號和部落格的資料，所以你當然不能回復別人的。
官方回報頁面：點我

如果你是Google帳號被刪除了，可以向官方回報，要求回復帳號。
官方回報頁面：點我


如果你的部落格被植入惡意軟體，進而被Google刪除或封鎖，可以先看看官方的問題列表，看看有沒有解決方案。
官方的問題列表：點我
如果超過了7個工作天依然沒有解決，就只好填寫表單向Google回報解決。
官方回報表單：點我



接著就比較麻煩了，回復刪除的部落格之後，別人還是不能看到你的部落格網址，只有原帳號使用者才能看到，不管它是不是啟動狀態。這時請先登入Blogger後台，建立一個新的部落格，然後輸入被刪除部落格的網址就行了，但是這樣文章的部份還是不會回來，所以必須去找Google Cache裡的部落格備份，然後再把文章複製貼上還原，文章很多的話就...囧了。

到Google搜尋列輸入以下網址：cache:部落格網址

但這只限於Google有將你的部落格進行暫存，一般來說剛建立2～3星期的部落格是找不到的，而且根據Cache的日期，有些新文章也會找不到，這點必須注意。

如果你不喜歡Google Cache你的舊文章，可以到這裡申請刪除：Webpage removal request tool

以上的方法最終只能消極的治標不能治本，最重要的是...要記得備份。


參考網站：http://www.google.com/webmasters/tools/removals


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期六, 六月 07, 2008
這篇文章讓你覺得： 

Comments

站在全世界最孤獨的投手丘

又

到了週末，好不容易可以休息，我又可以發一篇無聊至極又腦殘的情緒文了，
OK...這篇是個人情緒抒發、無聊、白痴的心情文章，所以以下的文章內容，不想看、我也勸你不要看，趕快離開吧。

小王最近的比賽大家有看都知道，我也不必多說，他目前陷入了上了大聯盟之後，最長時間的一段低潮期，也是目前為止遇到最大的生涯障礙，比賽內容投的很糟、控球不佳、一堆保送，也沒什麼好護航的，投的差就是事實，被打爆也是事實，但其實最令我寒心的..卻是某些現實台灣球迷的嘴臉。

小王在05年，由於洋基先發投手群接連受傷，他也因此得到了機會升上了大聯盟，小王沒有錯過這次機會展現了實力，在天助自助下站穩了大聯盟，當時公視在資金缺乏的情況下，在四處募款後好不容易播出了05、06年小王的比賽，當時小王初次登上大聯盟，我也跟其他支持小王球迷一樣，要求不多..只要能在大聯盟多投幾場比賽，站穩4、5號先發地位就好，後來06年令人驚豔地拿到了19勝、賽楊票選第二，07年又拿到19勝還是在開季受傷一個月的情況下，一路走來一帆風順的小王後來在季後賽被打爆，那群現實白目的台灣球迷開始出來哭爸，今年開季拿下6連勝之後，從天堂掉到地獄，就是現在大家看到的慘況...



當小王6連勝狀況好時，一堆人稱他為台灣之光，以他為榮沾他的光芒，但當他陷入低潮後，取而代之的不是我們這群真正愛護小王的球迷給他的支持，卻是像打落水狗一般的落井下石+謾罵，完全典型他媽的現實，當我跟一群同樣支持小王的球迷在理性討論他為何陷入低潮，要如何改進投球機制跟配球、以及心理狀況的調整時，卻總是有一大堆這些所謂『戰績球迷』跟『一日球迷』的存在，什麼他媽的雞拜『下放3A』、幹你老目的『回中職打』、糙你老盃『丟台灣的臉』，我不想以偏蓋全，偏偏台灣這種人真的是他媽的多到爆，走到哪都遇的到，幹他媽的比踩到狗屎的機率還高，台灣就是有一群人總喜歡酸人、指著別人的鼻子罵才會顯得比較高尚，不知道是大環境影響還是教育造成的，一陷入低潮馬上就分的出哪些是真正的球迷，哪些是現實的酸民。

這種情況尤其在一些國際賽事特別明顯，不管是4年一次的世界盃、奧運、足球、網球等國際大型賽事，每次熱潮一來就會出現這群平常沒在看比賽，一到比賽來臨就變的好像什麼都懂一樣，別人輸球就說它是爛隊、丟臉，贏球就捧的跟天一樣高，一旦風水輪流轉馬上就見風轉舵，繼續酸好來顯得自己的高尚，幹你媽的有沒有這麼不要臉，難怪平常喜歡足球的朋友最怕世界盃開打，他又要聽到一堆白痴『一日球迷』所謂的『高談闊論』，他不吐血都不行。

回到小王，不知道是不是運彩開賣的關係，突然間也出現了一堆所謂賭徒球迷，這群人更雞拜，完全就是想靠小王牟利的一群人，贏了賺錢他就開心的笑嘻嘻，輸球了就開始狂罵狂幹礁，恨不得它死一樣，幹你媽的..『賭』這東西真的是會讓人連人性都沒有了，從小時候隔壁鄰居家的阿伯就親眼看過，社會新聞一堆類似的不計其數，那些愛賭的人，就完全想靠小王牟利的人，他媽的祝你們輸光最好，幹。

好不容易台灣第一位真正站穩MLB的球員出現了，我真的很珍惜這段能看到台灣球員在球場上表現的時光，回首過去..從陳金峰第一個挑戰大聯盟，之後的小曹、小郭陸續挑戰，看看現在..除了王建民外，小曹很遺憾被釋出了，小郭今年找回控球、漸漸站穩道奇牛棚中繼投手的位置，但他的手傷依然是個隱憂，胡金龍也在為自己的打擊率奮戰，今天打了一支3壘安打跑回一分，值得慶賀，除了這些人..台灣選手最多的就是在紅襪的小聯盟系統，但距離升上MLB還有很長的一段時間，那麼台灣下一個王建民會在哪？什麼時候？我真的很想再多看王建民再大聯盟多投幾場比賽，因為要看到台灣下一個站穩MLB的選手真的不知道是什麼時候，也不曉得我有生之年能不能看到，真的要多多珍惜這段看球的時光阿。

今天有個典型『戰績球迷』的同事告訴我，不要再看王建民的比賽了，越投越爛有什麼好看的？我反駁他，就是因為他現在陷入低潮我才更要看，更要知道他到底出了什麼原因，光是看比賽結果、BOX帳面成績是沒用的，要深入去了解投球內容發現問題點才有意義，昨天加班又熬夜看球，今天又加班其實我已經累爆了..科科，但值不值得..我覺得很值得，他現在陷入低潮更需要球迷的鼓勵，而不是那些酸民落水狗式的謾罵，之前洋基打線陷入低潮，我告訴過他總會有觸底反彈的一天，現在小王陷入低潮，等到他走出低潮時，我們這些真正支持他的球迷會發自內心感到無比的高興。

其實打字到現在已經不曉得在打什麼了，好像有一肚子氣等著要發洩一樣，有點無頭無腦的全部寫出來了XD，無論如何..明天又是快樂的週休二日，繼續高興的迎接每一天。

最後，這真的是一篇黑特發洩文，補個幹。
 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期五, 六月 06, 2008
這篇文章讓你覺得： 

Comments

Corner Dock-相當漂亮的轉盤式選單

這

也是一個蠻不錯的類似Fisheye的選單，而且是以轉盤的方式來呈現，只可惜我的部落格已經放不下了，會擋到一些地方，雖然改出來了，再三考慮之下..只好忍痛割捨，把它移除了。

可以到這裡看實際樣子，右上方的圖示就是了。
http://www.tomcoote.co.uk/JavaScript/CornerDock/CornerDock.html

原作者的網頁。
http://www.tomcoote.co.uk/JavaScriptCornerDock.aspx



Step. 1
首先下載檔案解壓縮後，將下列語法放在<head>和</head>之間。

語法
<script language="javaScript" src="你的CornerDock.js檔案位置"></script>


Step. 2
在『版面配置』→『網頁元素』，新增一個『Html/Javascript元素』，建議放在側邊欄的最右上方，加入以下語法：


語法

<div id="CornerDockDiv">
<!-- Each 'a' tag must have a unique ID and must contain one single 'img' tag -->
<a id="0" href="JavaScript:alert('彈出視窗內容');"><img src="圖片位置" alt="註解內容" /></a>
<a id="1" target="_blank" href="網址" title="註解內容"><img src="圖片位置" alt="註解內容" /></a>
</div>

<script language="JavaScript">
// Create a new corner dock passing in it's ID, height & width
window.CornerDock = new JSCornerDock('CornerDockDiv',300,800);
</script>
<!-- End of corner dock mark up -->


這裡要注意每新增一個連結，id的部份就要改變，id="0"的語法會跳出提示視窗顯示文字，id="1"的語法則是在視窗開新頁面，另外JSCornerDock括號裡的高度和寬度大小預設太大，依照需求請自行修改。

Step. 3
如果要增加『順時針旋轉』或是『逆時針旋轉』的按鈕，語法如下：

語法
<input type="button" value="順時針旋轉" onClick="CornerDock.RotateClockWise();" />
<input type="button" value="逆時針旋轉" onClick="CornerDock.RotateAntiClockWise();" />


最後建議圖片的大小最好是128*128的PNG圖檔，如果覺得轉盤預設的圖示太大，可以修改CornerDock.js檔案裡的設定，選擇適當的大小。

圖片大小設定
var iDimensionsBig = 100, 大圖示
iDimensionsMedium = 60, 中圖示
iDimensionsSmall = 30; 小圖示



參考網站：Corner Dock Navigation


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期三, 六月 04, 2008
這篇文章讓你覺得： 

Comments

使用Lemon Twist模板必須注意的事項

我

們偉大的Jack老大又轉了一個超美型的WordPress模板，給所有Blogspot使用者來使用啦，這次的檸檬模板（Lemon Twist）原來的作者是Chris Murphy，這個模板就是他做出來的，本來是只有WordPress才能用，Jack老大在取得同意後，將它轉到Blogspot，現在Blogger的愛好者也能用囉！！連我都忍不住手癢想換了（謎之聲：大哥，再換下去真的會死人的，真的！！）

如果你是WordPress的使用者，可以到原作者的部落格看看，他也有釋出WordPress用的模板：
"Lemon Twist" v2.0 - Updated WordPress Theme

Jack老大將它轉到Blogspot後，他寫的介紹文章：
Lemon Blogger Template

這是模板的範本網站，可以實際看看：
http://lemon-blogger-template.blogspot.com/




當然這篇要介紹使用這模板必須注意的地方：

1.下載檔案解壓縮後，用文字編輯器打開.xml檔案，搜尋所有圖片檔案，用jpg、gif、png當關鍵字去搜尋，找出所有的圖片檔案，上傳到自己的檔案空間，因為圖片是放在Imageshack這類型的免費空間，所以要抓回來到自己的空間裡，同理..用js去搜尋所有的外連語法，上傳到自己的空間裡。懶的搜尋的話，原作者已經把所有圖片和Javascript檔案放在壓縮檔裡，上傳之後更改xml檔案的連結就行了，不過我的經驗是..應該會有漏網之魚。

2.上傳前備份自己的模板和網頁元素內容，這模板預設要用到4個HTML/Javascript網頁元素，所以要在上傳前事先建立，至於這4個元件的內容，在Widget_Content檔案裡有詳細說明：

元件一（Html 1）內容

模板底部的最新文章
元件標題：最新文章
語法內容：
<script src="你的blogger-widget.js檔案位置"></script>
<script>
var numposts = 3; 顯示文章數
var showpostdate = false; 是否顯示日期
var showpostsummary = false; 是否顯示摘要
var numchars = 100; 顯示字元數
</script>

<script src="http://你的部落格網址名稱.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp2"></script>



元件二（Html 2）內容

側邊欄的最新回應
元件標題：最新回應
語法內容：
<script src="你的blogger-widget.js檔案位置"></script>
<script>
var numposts = 5; 顯示留言數
var showpostdate = false; 是否顯示日期
var showpostsummary = false; 是否顯示摘要
var numchars = 30; 顯示字元數
</script>

<script src="http://你的部落格網址名稱.blogspot.com/feeds/comments/default?orderby=published&amp;alt=json-in-script&amp;callback=rc"></script>



元件三（Html 3）內容

標頭部份的水平選單
元件標題：水平選單
語法內容：
<ul>
<li>
<a href="網址" title="描述">名稱</a>
</li>
<li>
<a href="網址" title="描述">名稱</a>
</li>
<li>

<a href="網址" title="描述">名稱</a>
</li>
<li>
<a href="網址" title="描述">名稱</a>
</li>
<li>
<a href="網址" title="描述">名稱</a>
</li>
</ul>


元件四（Html 4）內容

部落格的自我介紹
元件標題：空白
語法內容：
想寫什麼話都可以，自由發揮

要更改左邊的圖片的話，請搜尋模板找到這張圖的連結，如下：
http://img519.imageshack.us/img519/6345/authornb8.jpg
換成自己準備的75X75大小的圖片即可。


3.全部改完後就可以上傳到Blogger了。
gallery thumbnail

上傳完之後，接下來要更改設定：

1.設定部落格首頁只能顯示一篇文章，到『設定』→『格式』，將顯示文章數改成『1』，設成『1』最新的文章會第一個顯示，而且不會顯示日曆樣式的日期，其他文章則會排在後面顯示，日期會顯示出來。。

gallery thumbnail

2.同上步驟，將時間日期格式改成『2.6.08』這種樣式，日曆的日期就能正常顯示。


3.搜尋模板找到以下這段，改成你的Feed連結即可。

語法
<a href=ã��#你的Feed連結'>RSS 2.0</a>


最後，這個模板的留言樣式相當漂亮喔，真的是好羨慕阿，我也好想要有一個..哭哭，還有顯示留言者的功能，另外這模板有用到JQuery這個很好很強大的好物，可以再用到許多很棒的特效！！


參考網站：Lemon Blogger Template


 read more...
標籤： 。Plurk This Post !!、 Twitter This Post !!
張貼者： Nekki 位於 星期一, 六月 02, 2008
這篇文章讓你覺得： 

訂閱： 文章 (Atom)
Back To Home Subscribe My Post Subscribe My Comment Large Font Size Default Font Size Small Font Size Sign in Blogger Sign in Draft Blogger Follower Me! Follower My Twitter! Follower My Plurk!