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:

豬尾巴 said...

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

豬尾巴 said...

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

San Wang said...

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

LiangKuo said...

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

Sean said...

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

豬尾巴 said...

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

小白 said...

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

小白 said...

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

PigTail Leo 豬尾巴 said...

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

twoz 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

About Me

My photo

嘮叨型人物,常常會切到碎碎念模式。
A person with negative thinkings most of the time so that any tiny positive energy would inspire his life with happiness. Life to him seems to be comprehensively meditated but it's always hard to put into practice.
輪胎上的螞蟻
ICQ: 1273753
Yahoo: pigtailleo
QQ: 374911726