« 伊娃日式冰淇淋泡芙
Nikon D80 的 icon 圖示 (for Mac OS X) »

讓我知道您的來訪 - MyBlogLog

西元 2007 年 1 月 29 日 凌晨 3 點 40 分





MyBlogLog logo

最近挺熱門又是免費的玩意兒─MyBlogLog，它可以讓你的 blog 顯示最近有「誰」來逛過1，每個訪客會以個人自訂的照片顯示，譬如下圖是昨晚凌晨時，我 blog 的最近 35 位來訪者。除了你可以知道有誰來訪過 (就算他們沒有留言)，你還可以去參觀他們的 blog，或者是利用 MyBlogLog 平台互相留言。 :)

MyBlogLog 的範例

如果你也登入了 MyBlogLog，在你逛過也有安裝 MyBlogLog 服務的 blog 時，同樣也會在對方的訪客列表留下足跡，讓對方知道你曾來逛過他們的 blog。使用幾天下來，我發現如此一來一往，熱絡交流之後，也認識到許多以前不曾接觸到的網友們。如果你同樣是透過 blog 文字、照片，和大家認識交朋友，你也應該來放個 MyBlogLog。 :)

使用 MyBlogLog 方法很簡單：申請帳號、輸入個人資料和照片、安裝 MyBlogLog 到自己 blog，然後就是開始到處閒逛囉！安裝方法如下…

什麼 Blog 平台可以安裝？

據我所知如果你是使用網路業者提供的 blog 平台，例如無名小站 (需金卡以上等級)、PIXNET、Google 的 Blogger、樂多日誌 或蕃薯藤的天空部落，都是可以使用的 (如果有漏掉的請回報 :)。如果是自己架設 blog 平台的，例如 WordPress，那可以篤定是 ok 的。 :p

如何申請 MyBlogLog 的帳號？

申請 MyBlogLog 帳號的方法很簡單，只要有基礎的英文能力、擁有一個 e-mail，就可以到 MyBlogLog 網頁完成申請的動作。然後依照個人喜好編輯個人資料 (profile)，最後當然別忘記上傳自己的「照片」。 :)

如何安裝 MyBlogLog？

安裝方法很簡單，只要到 http://www.mybloglog.com/buzz/community/username/widgets/ (其中 username 請更改為自己的 MyBlogLog 帳號名稱) 的「Recent Readers (tracking script is included)」處，決定各個設定值：顯示來訪訪客的寬度、列數、圖片大小、顯示訪客名稱與否、標題和顏色等等 (後面會有圖形說明)，然後按下「Preview and Get Code」，你就可以預覽成果並取得對應的 Javascript code。結果滿意之後把得到的 Javascript code 複製，並且貼到你想要顯示來訪訪客列表的地方 (譬如 blog 的側邊欄 sidebar)，安裝就算完成，接著你就可以開始使用 MyBlogLog 了，簡單吧？ ;)

MyBlogLog 的 Javascript code 參數解析

底下就 MyBlogLog 產生出來的 Javascript code 內容做完整的說明，如果你日後想更改 MyBlogLog 顯示上的設定，但是又不想上 MyBlogLog 網站重新點選設定時，你可以依照下面的說明自己修改日前複製下來的 Javascript code 即可。

Javascript code 包含使用者的 ID 和顯示上的設定，除了使用者 ID 之外，其餘參數都是可以修改的。底下是一整個 Javascript code 範例：

<script type="text/javascript"
src="http://pub.mybloglog.com/comm2.php?mblID=2007012308093089&
c_width=280&c_sn_opt=n&c_rows=15&c_img_size=f&
c_heading_text=Recent+Readers&
c_color_heading_bg=005A94&
c_color_heading=ffffff&
c_color_link_bg=E3E3E3&
c_color_link=005A94&
c_color_bottom_bg=005A94″></script>

講解 MyBlogLog 的 javascript 語法 (1/2)

  • c_heading_text：標題文字 (只能用英文)
  • c_rows：列數，決定一次可顯示幾個訪客
  • width：寬度 (單位為像素 pixel)
  • c_sn_opt：顯示訪客名稱與否 (y or n)。c_sn_opt 為 n 時同一列可顯示多個訪客
  • c_img_size：訪客圖片大小 (大圖為 f；小圖為 h)。 c_img_size 為 h 時同一列可比 c_img_size 為 f 時顯示更多訪客

其它還有五個參數是用來控制顯示的顏色2：

講解 MyBlogLog 的 javascript 語法 (2/2)

  • c_color_heading_bg：標題區塊的背景顏色
  • c_color_heading：標題和底部文字的顏色
  • c_color_bottom_bg：底部區塊的背景顏色
  • c_color_link：訪客的文字顏色
  • c_color_link_bg：訪客的背景顏色

參考資料：

amarylliss。艾瑪[隨處走走] 的「[分享] MyBlogLog 讓我知道您的來訪」


  1. 這裡指的誰是已經登入 MyBlogLog 帳號的使用者 [返回 ↩]
  2. 以 RGB 六位數表示，譬如紅色為 FF0000，綠色為 00FF00，以此類推 [返回 ↩]






文章張貼時間： 西元 2007 年 1 月 29 日 凌晨 3 點 40 分， 文章類別：Blog、 Computer。 你可以 追蹤 文章的迴響 (RSS 2.0)。 寫文章希望與大家分享經驗，歡迎大家可以多多 留言 回饋，引用 文章也是歡迎喔。

29 則留言 ＠ “讓我知道您的來訪 - MyBlogLog”

頁數： « 1 2 [3]

  1. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    PigTailLeo 說：
    西元 2007 年 4 月 10 日 at 6:36 pm

    ㄝ？剛剛發現，「小於」符號好像會被吃掉，恩～～在來試驗一下。 >_ 開頭大於
    句子中間放

  2. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    San Wang 說：
    西元 2007 年 4 月 10 日 at 7:41 pm

    To PigTailLeo：
    這是 WordPress 某一個 plugin 的功能，其實它只是簡單的把留言者的網址加到 MyBlogLog 的查詢網址裡，去找出有沒有對應的 MyBlogLog 帳號而已。如果你可以讀出來每個留言者的網址，那就可以辦到了。網址的格式如下：

    <img src="http://pub.mybloglog.com/coiserv.php?href=<網址>" alt="" />

    把上面的 <網址> 換成對方的網址就行了。 :)

    另外，系統真的會吃掉小於的符號，如果真的要用請打 &lt;。 :p

  3. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    PigTailLeo 說：
    西元 2007 年 4 月 10 日 at 11:24 pm

    摁，我也是這麼想，那看來… 我目前…自己在Blogger上辦不到。

    剛剛自己試了一下，真的會跑出一個 MyBlogLog 的圖案，道理好像滿簡單的，但是我不會寫程式，對CSS還不熟，等有空再說吧。

    唉呀～學不完啊～～

  4. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    San Wang 說：
    西元 2007 年 4 月 11 日 at 1:13 am

    To PigTailLeo：
    那就一天學一點吧，不用太躁進。 ;)

  5. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    PigTailLeo 說：
    西元 2007 年 4 月 11 日 at 6:28 am

    被我找到方法了，哈哈。神經病，為了裝這個 hack 熬夜不睡覺… :shock:

    我寫了一篇教學文章，有興趣的可以來看著裝裝看。
    http://pigtailleo.blogspot.com/2007/04/bloggercom-mybloglog.html

    我不覺得 CSS 可以很快學好，似乎太複雜了，得買本書來看。而且，最好是能找到合適的工具來編輯，不知道 GoLive 怎麼樣…

  6. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    San Wang 說：
    西元 2007 年 4 月 11 日 at 12:28 pm

    To PigTailLeo：
    Nice 喔，有時為了改個東西我也會改到天亮。 XD

    買本書或是直接搜尋網路都可以，端看個人喜好。另外推薦你可以用 Firefox 瀏覽器的 Web Developer extension 來做練習，我有寫過一篇介紹文章：http://sanwangx.brain-c.com/archives/2004_07/26_96/

  7. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    魯蛋 說：
    西元 2007 年 4 月 16 日 at 8:31 am

    Yahoo奇摩的部落格完全不支援這樣的外掛，真是令人氣餒！ :sad:

  8. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    San Wang 說：
    西元 2007 年 4 月 17 日 at 12:55 am

    To 魯蛋：
    Yahoo 的部落格是不能修改網頁原始碼嗎？

  9. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    MyBlogLog凡走過必留下痕跡 | Adsense繁體中文觀測站-網路賺錢部落格 說：
    西元 2007 年 6 月 26 日 at 1:42 am

    [...] 更多關於MyBlogLog 如果你還不知道什麼是MyBlogLog，你可以閱讀一下San Wang 寫的讓我知道您的來訪 - MyBlogLog和Vista寫的我看MyBlogLog，如何申請和使用MyBlogLog你可以看一下酷玩意部落格的教學教學:MyBlogLog與MyIcon的訪客顯示Widget 。 [...]

  10. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼？)

    加入Mybloglog，把朋友通通拉進來 | s9011514@blog 說：
    西元 2007 年 11 月 11 日 at 10:23 pm

    [...] 【四】、讓我知道您的來訪 - MyBlogLog [...]

頁數： « 1 2 [3]

留個言吧！