My microblogging flow

Writing a long blog entry everyday was really a tough work for me. That's why I turned to use micro-blogging and I guess many of you might have the same feeling. It's not I stop to update my blog. I become to import my activities on the web such as tweets, plurks and etc to my blog. The problem is that a dedicated service that aggregates so many services I used is needed. Currently, I have known two options:

1. MyBlogLog
2. Friendfeed.

Both cover most of services you may use on the web and provide widget for you to put on your blog. But, one thing let me favor Friendfeed more then MyBlogLog is that it can import any feed URL and MyBlogLog can't.

The other problem I have is that some of my friends use Twitter, some use Plurk and some use Facebook and I can't convince them all to use the same service. If I would like all of them see my updates on their favorite sites, I figure what I need is a service that help me post status to these sites and it's better through one single entry point, for instance, from Google Talk. Well, I choose Ping.fm. Also, HelloText is possible for you. Ping.fm gives you a Gtalk robot to talk to and everything you talk to that robot will be posted to your preferred sites.

Anyway, my flow looks like,

漂亮的E-mail圖示

到這裡，可以輸入自己的E-Mail，產生漂亮的E-mail圖示。就像如此，

如何加入Recent Visitors Widget在Blogger中

最近，在Blogger中很火紅的就是MyBlogLog所推出的Recent Reader Roll這個Widget，而這家公司也被Yahoo所收購，所以他所提供的服務也順理成章地，由Yahoo來提供。其實使用的方法跟一般widget大同小異，

首先，先到http://www.mybloglog.com去註冊一個帳號，若是有Yahoo的帳號的話，就更方便了，只要以Yahoo帳號登入既可。若是沒有，就申請一個吧。接著，到這裡，

http://www.mybloglog.com/buzz/community/yenliangl/widgets/

設定Widget的外觀以及大小，然後在將產生的code貼到自己的Blog Template中就可以了。

如何在Blogger中貼Source Code?

若是要在Blogger裡貼Source Code，必須考慮兩個部份：

第一部份是所謂的Syntax Highlight：

下載SyntaxHighlighter之後，解開壓縮檔，並將下列的檔案上傳可存取的空間（舉例來說，Google Pages即可）

• SyntaxHighlighter.css
• shCore.js
• shBrushCpp.js以及你需要的語法。（目前支援的有C++,Java, PHP,CSS等）

修改Blogger的設計範本，將下面的code貼在end outer-wrapper標籤後面，

<!-- end outer-wrapper -->
<link href='http://yenliangl.googlepages.com/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shCore.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushCpp.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushJava.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushCss.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushPhp.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushPython.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushRuby.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushDelphi.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushXml.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushVb.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushSql.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushCsharp.js'/>
<script language='javascript' src='http://yenliangl.googlepages.com/shBrushJScript.js'/>
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll(&#39;code&#39;);
</script>

接下來，將你想要貼上的Source Code以下面的標籤包住，

int a = 1; // this is a comment line
unsigned int b = 2; // this is comment line

第二部份是將Source Code常會出現的less than (<) 和greater than (>)取代：

如果說，用人工一行一行更改，可能會死人喔。但是這一個網頁可以自動幫你轉啊！只要將轉好的東西貼上就可以了。

Make Flickr Badge

Make your own Flickr Badge