BlogLive使用感-還早勒

on 2007年8月7日 星期二
標籤： , , , / Comments: (0)

話說Yam天空推出BlogLive已經不是一天兩天的事了~

簡單說就是個裝可愛的RSS線上訂閱器~

當然~這麼說可能有點貶低它了~

因為它可是自稱是個擬人化的部落格呈現方式~

BlogLive簡介

上面那個有東西跑來跑去的就是他的畫面~

它能讓使用者將自己有興趣的Blog或是新聞等資訊~

藉由RSS的方式新增到自己規劃的園地~

如果這個RSS的擁有者在BlogLive認證過他的RSS，並且未他的RSS設定了一種可愛的角色~

這時你訂閱了他的RSS就會看到那個小動物在那跑來跑去了~


BlogLive既然搞出了這麼個可愛的表現方式~

自然就可以讓大家把自己訂閱的東西嵌入在自己的Blog上面~

增加自己的Blog熱鬧程度~


介紹過BlogLive~如果你對他有很高的期望~

進去玩後我有點擔心你會失望~哈哈哈~

怎麼說呢~

BlogLive還有點陽春

我對他的認證方式是沒什麼意見啦~

就是發一篇文章~放上它的認證碼~

他去讀你的RSS就能確認這個RSS是你的了~

但目前的功能實在有點陽春~

Mr. 6稱它是直覺式Web 2.0或許有些過早~

要訂閱RSS可以手動輸入、或是用OPML匯入的方式~

然後呢?

首先會發現一件事~他只支援RSS~不支援Atom~

這對非重度使用者的人來說會不知道為什麼有的人的Blog它訂閱不了

再來就是功能還不完整~

現在而言~只是個如同給Blog當外掛的小玩意~

實用性不高~

Blog有新文章我也看不出來~

連個搜尋的能力都沒有~

如果我想藉由他達到像是社群等功能~

就會發現要找朋友都不容易~


熱門訂閱或是新朋友的資訊實在太少~

想多看幾篇也不行~

也沒有今日熱門或是輪撥的機制~

如此一來~他就只能當個小工具~

而不能達到比較大的應用~

總結

我談這些不是在唱衰這個服務~

而是希望他這個實驗性的服務會越來越完整~

BlogLive也確實讓大家看到了一些新的作法~

當然也希望大家無聊時去玩玩看~

也歡迎大家訂閱我的RSS

讓我的貓咪在你那跑~呵呵~

相關文章

[記事]2007電腦應用展

on 2007年8月3日 星期五
標籤： , / Comments: (4)

今天下午去逛了逛電腦應用展~幫我二姊買印表機~

 

順便逛逛看有什麼好東西~

 

首先~我進到展場後~逛了逛~發現這回的展場走道感覺比較寬些~

整個世貿一館的一樓都是展場~我想這是這回能有這麼多廠商~卻也還算寬敞的原因~

 

已經很久沒這樣規劃了~記得以前也有過這樣的規模~

不過近年來類似的展次變多~即便有時會有一三館一起~不過我倒覺得這回比較好逛~

 

逛到相機區~遇到社團的好友-小葵~想想這些年來越來越少聚聚~

以前大家動不動就聚在一起聊天玩樂~現在能碰上個一次都只能說是幸運了~

 

這回展場中還有我們學校的參展~另外還有許多機器人參展~

不過我懷疑有多少是台灣人自己做的~我真的覺得台灣人空有許多技術與資源~

不過不能馬上獲利的事卻做很少~得好好加油才行呀~

 

順道一提~電腦展一直都是攝影師的最愛~

這回也不例外~看到一堆砲筒一直拍~

有趣的事~好多攝影師都好高唷~他們一站在最前面一直拍~

我們後面的人都看不到了~~~矮一點的攝影師夾在中間隙縫或手拿的老高的拍~

還有聰明點的~直接拿梯子架在那拍...真不知是不是該說太敬業了~

為Neogadget加上標籤雲與簡單的圓角(Blogger Template)

on 2007年8月2日 星期四
標籤： , , , , / Comments: (10)

序

經過兩天的時間，我算是把網站的第一次CSS改版改好了~

我並不懂CSS，也不懂Blogger的樣板怎麼做~所以邊弄邊摸索~

其實大致上整個樣版是從阿倫(真是多倫~)Blogger的新選擇－Neo template 裡面提到的Neogadget所修改而來~

這個樣版的特色就是它運用AJAX來存取文章~所以感覺很順暢~

而我將這個基本版型下載後又參考

Setup and configuration for New Blogger Tag Cloud / Label

加上標籤雲的部分，讓我一堆標籤不會看起來很怪~

然後順便試試把Google產生的圓角套用到這個樣板中~參考

挖掘Google隐藏的超强圆角效果 by. Ken Wong

(雖然套用的方法是自己想出來的~可能不是正規的CSS方式)

以下是我的動作紀錄

直接下載

基本上我只有小做修改~如果你懶得看下面的步驟~也可以直接下載最後做完的結果

套用Neogadget

  • 備份目前的樣板與相關設定
  • 至Neogadget的安裝方法去下載中文模版與中文Neo.js
  • 將中文Neo.js(neochinese.js)以記事本另存為UTF-8後(因為我不想用Big5)，丟到網路空間去(我是丟到Google page creater)
  • 然後到Blogger的管理畫面，上傳套用中文模版，藉由修改範本的方式修改這個範本(要記得勾選【 展開小裝置範本】，不然會找不到一些Tag)
  • 找到原本的樣板中的【neochinese.js】網址，改為自己上傳的網址，並把語係改為utf-8，如 
    <script charset="utf-8" language="javascript" src="http://自己的網址/myneochinese.js"></script>

標籤雲的套用

  • 找到【]]></b:skin>】，將下面的程式加到【]]></b:skin>】之前 
    /* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}
  • 在【]]></b:skin>】之後但在【</head>】之前加入下面這段Script 
    <script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
  • 然後用下面這段Code取代原本的【<b:widget id='Label1' locked='false' title='Labels' type='Label'/>】 
    <b:widget id='Label1' locked='false' title='標籤雲(點選後看上面)' type='Label'>
<b:includable id='main'>
 <b:if cond='data:title'>
   <h2><data:title/></h2>
 </b:if>

 <div class='widget-content'>
 <div id='labelCloud'/>
<script type='text/javascript'>

// Don&#39;t change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
     if(a&gt;b){
         var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
            }
     else{
         var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
         }
     return v
  }


var c=[];
var labelCount = new Array(); 
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
    if (!labelCount[ts[t]]){
          labelCount[ts[t]] = new Array(ts[t])
          }
       }
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud');
ul = document.createElement('ul');
ul.className = &#39;label-cloud';
for(var t in ts){
   if(ts[t] &lt; cloudMin){
      continue;
      }
   for (var i=0;3 > i;i++) {
            c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
             }     
        var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
        li = document.createElement(&#39;li');
        li.style.fontSize = fs+&#39;px';
        li.style.lineHeight = &#39;1';
        a = document.createElement('a');
        a.title = ts[t]+&#39; Posts in &#39;+t;
        a.style.color = &#39;rgb('+c[0]+','+c[1]+','+c[2]+')';
        a.href = 'javascript:fetchPosts(&quot;'+encodeURIComponent(t)+'")';
        if (lcShowCount){
            span = document.createElement(&#39;span&#39;);
            span.innerHTML = &#39;('+ts[t]+&#39;) ';
            span.className = &#39;label-count';
            a.appendChild(document.createTextNode(t));
            li.appendChild(a);
            li.appendChild(span);
            }
         else {
            a.appendChild(document.createTextNode(t));
            li.appendChild(a);
            }
        ul.appendChild(li);
        abnk = document.createTextNode(&#39; ');
        ul.appendChild(abnk);
   }
 lc2.appendChild(ul);   
</script>

<noscript>
   <ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>
</noscript>
   <b:include name='quickedit'/>
 </div>

</b:includable>
</b:widget>
  • 這樣就可以把標籤雲套用在這個AJAX的樣版囉~

套用圓角

  • 將header的色彩稍微調整一下
  • 在header的背景色變數【headerBgColor】下面加上兩個顏色變數 
     <Variable name="headerDescBgColor" description="Page Header Desc Background Color"
          type="color" default="#336699" value="#5E0000">
<Variable name="headerBottomBgColor" description="Page Header Bottom Background Color"
          type="color" default="#336699" value="#660000">
  • 將Header的Style定義修改如下 
    /* Header
----------------------------------------------- */
#header-wrapper {
 margin:0;
 padding: 0;
 background-color: $headerCornersColor;
 text-align: right;
}


#header {
 width: 890px;
 margin: 0 auto;
 background-color:$headerBgColor;
 color: $headerTextColor;
 padding: 0;
 font: $headerFont;
}

h1.title {
 padding-top: 20px;
 margin: 0 10px .1em;
 line-height: 1.2em;
 font-size: 100%;
}

h1.title a {
 color: $headerTextColor;
 text-decoration: none;
}

#header .description {
 background-color:$headerDescBgColor;
 display: block;
 margin: 0 0px;
 padding: 0 0 5px;
 line-height: 1.4em;
 font-size: 50%;
}


b.header-bottom {
 display: block;
 padding: 0;
 margin: 0 auto;
 height: 20px;
 overflow: hidden;
 background: $headerBottomBgColor url("http://google.com/groups/roundedcorners?c=660000&bc=e6e6e6&w=20&h=20&a=bl") no-repeat left top;
 width: 890px;
 text-align:right;
}
span.header-bottomright {
 display: block;
 height: 20px;
 background: url("http://google.com/groups/roundedcorners?c=660000&bc=e6e6e6&w=20&h=20&a=br") no-repeat right top;
 width: 890px;
}
  • 這樣標題就有圓腳了~

結論

上面是我覺得大家可能會需要的~

另外就是加上一些功能~我自己還有用到~我想可能不是人人都需要每個功能~

而且下面這些作者也說明的很清楚了~有需要的人請自行參考囉~

雖然這次大至上碰過Blogger Template~

不過果然CSS沒人帶入門~

還真是難懂的東西~到現在我還一頭霧水~

第一次專利接觸

on 2007年8月1日 星期三
標籤： , , , / Comments: (0)

剛才跟專利事務所的談過~

這回寫專利真讓我體會專利的幾個重點~

雖然下面幾個體驗~感覺很直覺~

但實際撰寫起來~就會發現真的不是那麼容易~

很多東西都要靠資料的收集與經驗的累積才能判斷自己所需強調的東西在哪~

不然即便寫的一大堆東西也都是白搭~

保護的內容

以軟體的專利而言，通常是以系統與方法的創新為主~

所以最終會以系統來描述發明所建立的東西~

項目描述

基本上描述系統與系統內的項目，由大到小是

系統/裝置→模組→單元

系統內可再包含系統，裝置與系統的大小是差不多的

先前技術

以目前市場進況與遭遇問題的描述為主~

發明內容

解決方法的重點描述~

實施例

以詳細的方式進行實作方法的描述~

能夠詳細點的話，當有人想推翻你的實作可能便不可成~

專利範圍

範圍不能劃太大~劃太大容易與別人的專利起衝突~

但也不能劃太小~範圍寫的過詳細能保護的東西也不多~

所以範圍的拿捏要恰到好處，描述的範圍以創新的重點為主，其他附屬的周邊如果要描述，則以附屬項額外描述

圖式

每個項目之間盡可能連線以表示之間的關係

相關連結

管你有幾個Blog，就是要你的最新資訊(Yahoo Pipes+FeedBurner)

on 2007年7月2日 星期一
標籤： , , , , , / Comments: (1)

序

話說閉關了一陣子，很久沒記錄些新的東西了~

今天跟大家又要跟大家談談RSS了~

其實在網路上逛的人，我想可能有10%有用RSS的習慣就很了不起了，我是覺得好像真的不多人用。

但我個人算是RSS的愛用者，甚至到了沒有RSS會很難過的地步~

為此，我發現了一個有趣的玩法~

不知道大家會不會有個需求~就是像我有兩個Blog，還有使用Twitter...

這些地方都有提供RSS，但是都是分開在各地~

如果我希望觀注我的人能夠一次訂到這些RSS的內容，甚至未來我有新的資訊來源的RSS，訂閱我的人都能在一次訂閱後就能不再需要擔心這些問題~

那麼我該如何做呢~

使用服務

其實我一說出下面兩個服務，明眼人就知道我要做什麼了~

  • Yahoo Pipes：以Web圖形化介面提供邊輯工具，進行RSS的處理、過濾、重組、排序等功能
  • FeedBurner：以自定的網址，提供使用者永久的RSS網址，讓使用者可以訂閱後就不用擔心網站搬家使RSS位址改變的問題，管理者還可得到更多的統計資訊

怎麼做

話說我的資訊來源為

為了要讓使用者可以很容易訂閱，所以我將這些RSS利用Yahoo Pipes組合，過程如下：

先到Yahoo Pipes以Yahoo帳號登入後，點選【Create a pipe】

此時會開啟Yahoo pipes的編輯畫面，在這畫面中可以拖拉的方式設計資料處理邏輯

我們需要的是取得RSS Feed的處理，因此從左邊的Source找到【Fetch Feed】，加到編輯區中

將我需要合併的RSS網址都加到這個元件中

為了讓他產生時能先排序，從Operations找到【Sort】元件，加到編輯區

先將畫面中的三個元件連起來，讓Sort知道他有什麼東西可排序

選擇排序條件：item.pubDate、descending，已發佈時間越新的越上面

然後到右上角選儲存【Save】

第一次儲存他會問要取什麼名字，輸入後選擇【Save】

儲存後，上方會出現【Run Pipe...】，點選他看看結果

這時所出現的就是你的結果，也就是RSS的合併結果。我需要他的RSS，所以點選【Subscribe】→【Get as RSS】。然後複製起來RSS網址，例如我的是【http://pipes.yahoo.com/pipes/pipe.run?_id=LOoSs2Yl3BG9cK_Rl7okhQ&_render=rss】

為了讓使用者好訂閱，未來也不用擔心如果網址變更，還要通知使用者變更。我們到FeedBurner，註冊一個帳號，然後要把剛才的RSS燒成一個新的RSS網址。

將RSS網址貼上後，選擇【Next】

然後輸入名稱與新的RSS網址，選擇【Activate Feed】

成功後就會出現下面的畫面，如果不成功有可能是你選的新RSS網址已有人使用。

如此一來，我就擁有一個把我所有網站新資訊合併後的新RSS【http://feeds.feedburner.com/al080】

延伸應用

當然，既然可以合併RSS，我們就很做很多類似的應用。

例如說，我的兩個Blog，Blogger原本就提供了訂閱最新回應的RSS，而Spaces Live雖然留言的部份是單篇單篇訂閱的，不過搜尋一下，就會發現有位國良大大做的Pipes，可以將你的Spaces Live最新20篇文章的回應RSS抓出來。

用法很簡單，到【http://pipes.yahoo.com/pipes/pipe.info?_id=lJZ2nboZ3BGBoB2pJZhxuA】，會出現要你輸入帳號的地方，像我的Spaces網址是al080開頭，就以此輸入。

然後就跟剛才一樣，可以得到對應的RSS，重複剛才的動作就可以再把Blogger的回應也組合起來，便成了我自己在看有沒有新回應的RSS Feed了唷。

最後的結果就如同我最後產生的這個回應的RSS：http://feeds.feedburner.com/alcomment080

結論

Yahoo Pipes可做的事應該很多，只是我還不太熟悉這樣的開發環境。不過有個好的開始就是不錯的事，大家有興趣可以玩玩看別的方式~像國良大大能將完成那樣就應該很熟了吧~

說真的~RSS的使用到底有多普遍~我真的不知道~

可以發現的是~大多數網站都漸漸的有提供RSS~

可是又會有些例外~像是有些人Blog設為只有朋友才能看~可是這樣卻又不能訂閱他的RSS~這樣子我會逛到他的網站的頻率真的會降很多~

可是有的Blog內容就是希望只有特定人看到~

我覺得這到目前都還很少Blog去解決這件問題~(畢竟RSS用戶是小眾???)

無論如何~我希望未來RSS還會比現在方便~像是回應更方便等~

但我想會出現那樣的事~前提就是使用者更多吧~

這裡是關於技術的手札~

也歡迎大家到

倫與貓的足跡

或

到噗浪來

關心一下我唷!
by 倫
 
Copyright 2009 倫倫3號Beta-Log All rights reserved.
Blogger Templates created by Deluxe Templates
Wordpress Theme by EZwpthemes