Wednesday, April 11, 2007Font Size 字體: XS / S / M / L / XL

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

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

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

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

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

修改範本 HTML1. 首先,當然是把 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

14 comments:

Anonymous said...

看到我的蠢蛋臉了嗎?趕快也回去裝裝看吧。

PigTail Leo said...

如果使用 Blogger 登入的身份留言,不知究竟會不會顯示出大頭貼。

Anonymous said...

原來 Blogger 也有提供人修改網頁內容呀,恭禧你成功了呀。用 Blogger 身份登入留言,的確連結會是 profile 的網址,這真是大麻煩呀,總不能叫 Blogger user 重 key 資訊吧? XD

Tai said...

呵呵,這招高喔!又可以顯示自己的網址又可以有大頭貼~XD

史恩 said...

挖,這招不錯喔..謝謝你的參觀

PigTail Leo said...

其實 Blogger.com 會開啟新的留言視窗,而要如何在這新視窗上放入 MyBlogLog 的圖案,還在研究中,等比較空閒的時候吧...

Hanpo said...

你好!我照你的教學做了,
也先連你的js檔,
之後我會再找空間放。
想請問我在我的mybloglog弄了一個blogger profile Profile,卻還是沒有頭像耶?
請問還要設定哪裡嗎?

Hanpo said...

在這裡留完言就出現了!
真奇妙!

PigTail Leo said...

小白,別花太多時間,這東西有點難搞,用過一遍之後,大概可以用,我就放棄,不在精進了。

Anonymous said...

拍謝~我測試一下看有沒有頭貼@@"

PigTailLeo said...

twoz, 你這樣的測試,是測我的網站可不可以顯示大頭貼,另外,如文章裡提到的: "Google Blogger 想要顯示出自己的大頭貼,必須將留言的選項,切換到「其他」的身份,然後乖乖地將自己的名字和網址輸入進去"。在已登入 blogger.com 的狀態下,是無法正確顯示大頭貼的。

小青蛙 said...

這個很棒,不錯用耶!!推一個~~謝謝喔^^
可是網址到底要輸入blogger的還是MyBlogLog的呢?~

小青蛙 said...

不好意思我看懂了~謝謝~

PigTail Leo said...

Yahoo 把 MyBlogLog 買走後,終於決定結束它的生命:
Yahoo To Shut Down MyBlogLog On May 24, 2011