讓 Blogger.com 的留言回覆裡顯示 MyBlogLog 的大頭貼

本來實在只想貼個連結，讓同樣心癢的朋友自己去參考資料，但是，連自己找半天都找不到的資訊，看來還是花個時間寫個教學說明吧。(拜託，如果還有其他方法，請告訴在下。)

怎麼讓 Blogspot 的留言回覆裡顯示 MyBlogLog 的大頭貼？ (英文有統一的稱呼: Avatar)

常看到架 WordPress 的人，回覆意見裡會出現訪客自己的 MyBlogLog 大頭貼，看了實在羨慕，到 Google 搜尋了半天，出現的始終是相似度 99%，但 100% 不適用的資訊。用 WordPress 有啥了不起啊？ (其實很了不起，因為我不會灌，曾經還想灌 pLog 呢... >_< ) 還好高中時有聽老師的話學點英文，終究皇天不負苦心人，讓我在一個義大利人 Merlinox' Blog 手上找到 MyBlogLog Blogger Plugin。 (所以只需高中英文程度，那義大利佬的英文也不怎麼樣，ㄎㄎ)

底下是安裝的要點，如果搞不出來，恩... 大家討論切磋，我也不敢說解決的了，畢竟，我連 CSS 都不太熟，更不會寫 Javascript。

1. 首先，當然是把 Merlinox 的 myBlogAvatar2.js (http://blog.merlinox.com/MrX/Blog/test/myBlogAvatar2.js) 下載回家，然後再上傳到自己的網路空間裡。

啊！不會上傳？沒有網路空間？好啦，那就跳過這步驟，直接使用我放在 Hinet 的檔案吧，人家 Merlinox 文章有說，如果要直接 hotlink，得跟他打聲招呼。

2. 登入到 Blogger 裡面直接修改範本的 HTML 碼，不過，請先把「展開小裝置範本」的選項打勾。

3. 接著將底下這段文字貼到 </head> 前面。

<script type="text/javascript" src="http://pigtailleo.myweb.hinet.net/myBlogAvatar2.js"></script>

註：曾經試過貼到 element 網頁元素裡，可是卻安裝失敗，原因代查。

4. 再來比較會有問題的，就是要試著在 HTML 範本裡，找到這段碼：

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

然後將底下這段碼，貼到上面那段碼下面 (好像有點繞口令)。

<div style="border:0;float:right;margin: 5px;">
<script>myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script></div>

也就是說呢，最後整段 HTML 碼會變成這樣：

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<div style="border:0;float:right;margin: 5px;">
<script>myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script></div>

註：當然，如果看得懂 CSS 和 HTML 語法的高手，想貼在其他地方或作其他修改，任君高興。

5. 恭喜，大功...不算告成。99.9% 完成！

這個 javascript 有個小問題，而這個問題其實受限於 Blogger.com 本身的機制。不知看倌有沒有注意過，如果自己在登入 Google/Blogger 的狀況下，跑去別人的 Blogger 網誌發表意見後，自己意見的連結背後，不是部落格網誌，而是自己 profile 的位址。所以，在別人家撒尿的時候，想要顯示出自己的大頭貼，必須將留言的選項，切換到「其他」的身份，然後乖乖地將自己的名字和網址輸入進去，這樣一來才是真正的大功告成！

註：或許有解決的方法，那就是在 MyBlogLog 裡再註冊一個自己 Blogger profile 的網址 (正常應該長這樣 http://www.blogger.com/profile/xxxxxxxxxx)...


April 12,2007 更新

---

目前還無法試出將 MyBlogLog 的認證 javascript 放入 profile 頁底下，看來目前無法將 profile 網址翻譯成大頭貼。

2011 更新：Yahoo 把 MyBlogLog 買走後，終於決定結束它的生命

---

Yahoo To Shut Down MyBlogLog On May 24, 2011