Home > blog工具箱 > Blogger Hack部落格必備工具 - 熱門文章隨你看 MyHotPost 使用教學全攻略

Blogger Hack部落格必備工具 - 熱門文章隨你看 MyHotPost 使用教學全攻略

November 28th, 2008
Goto comments Leave a comment 2,979

最近發現了一個Web2.0 的Blog服務網站，這個功能我想很多寫部落格的格主都已經期待、尋尋覓覓已久，那就是「秀出你的熱門文章」功能！

blogger hack,部落格工具,myhotpost使用教學,熱門文章

雖然目前還有一個國人自製的 也是提供「熱門文章」的服務，不過相比較起來，本篇主角 MyHotPost 著實在許多方面：功能性、操作易用性、外觀選擇上都強上不少， iPlay99 在試用之後，感覺還蠻不錯的，後續值得期待。

廢話不多說，馬上開始MyHotPost熱門文章的教學，本文包括：

  1. 使用安裝說明（超簡單，安裝只要兩個步驟！）
  2. 進階 RSS Reader Widget 推薦
  3. Blogger Hack 套用教學！

 

一、註冊MyHotPost

請點底下連結至官網註冊，並填上你的部落格網址、密碼。

 blogger hack,部落格工具,myhotpost使用教學,熱門文章

二、安裝貼紙程式碼

把貼紙底下的語法複製、並貼到你的部落格上即可。（以Blogger來說，貼到HTML/JavaScript 的小工具即可）

blogger hack,部落格工具,myhotpost使用教學,熱門文章

上述兩個動作，就已經完成了「MyHotPost設定」的動作。

接下來是把「熱門文章資訊」秀到你的部落格上的動作。

三、取得各式MyHotPost語法

功能一：RSS Feed語法，需搭配 RSS Reader Widget 使用

前面之所以會說「外觀選擇樣式多」主要是因為，MyHotPost它並不提供播放器，你得自行去尋找 RSS Reader Widget來使用，這一點算是優劣各半，優的是外觀可自行尋找挑選，劣的的由於 Widget 是由第三方提供，所以在連線、穩定性上有可能受到國別不同而影響，而且使用門檻也相對提高許多。

iPlay99上網找了一下，底下列出我試用後覺得還不錯的RSS Reader Widget。

為什麼選它：它可以透過勾選「Show title only」而不顯示 hit、since等資訊，並支援中文，可惜字體不能自訂，感覺有點小，在MyHotPost官網提供更多自訂功能之前，它算是不錯的選擇。

blogger hack,部落格工具,myhotpost使用教學,熱門文章 blogger hack,部落格工具,myhotpost使用教學,熱門文章

為什麼選它：Grazr 預設就只顯示 title 而已，如果要更多進階功能，需要註冊，不過直接拿 WidgetBox的來用應該就夠用了，未註冊的外觀只有一種。

blogger hack,部落格工具,myhotpost使用教學,熱門文章

Grazr的設定畫面

blogger hack,部落格工具,myhotpost使用教學,熱門文章blogger hack,部落格工具,myhotpost使用教學,熱門文章

 

功能二：JavaScript 熱門文章列表（純文字顯示，適用於閱讀單篇文章模式底下）

有兩種，一個是有顯示點擊數的，一個沒有顯示，請自行取用。

要把它套用到 Blogger 的範本裡，請先「版本配置」＞＞「修改HTML」＞＞「勾選：展開小裝置範本」

請找 <p class='post-footer-line post-footer-line-3'> 或是 post-footer-line-3 加入底下藍色的語法片段即可。

<p class='post-footer-line post-footer-line-3'>

<span class='MyHotPost'>
熱門文章推薦：
<b:if cond='data:blog.pageType == &quot;item&quot;'>
你的熱門文章 JavaScript語法
</b:if>
</span>

 

功能三：JavaScript 單篇文章閱覽人數（暫訂）

blogger hack,部落格工具,myhotpost使用教學,熱門文章 

嗯…這個功能因為要放的位置太多變，所以我僅做簡單示範，我是把它放在「回到最上層」的圖片旁邊，即使你沒有使用此 Blogger hack，也沒關係，請找 <p class='post-footer-line post-footer-line-3'> 或是 post-footer-line-3 加入底下藍色的語法片段即可。

相關文章

<span style='float:right;font:8px;margin-left:20px;'>Views:你的單篇文章閱覽人數語法</span>

<!-- 回到最上面 -->
<span class='top-icon'>
<a href='java

script:scroll(0,0)' title='Top of this page'><img alt='回到最上面' border='0' src='http://iPlay99.googlepages.com/Top.jpg'/></a>
</span>

以上，如有任何問題，歡迎提出。 

 

這什麼東西啊？內容有點虛還可以啦哦～不錯喔寫得太好了 (1 則評分, 平均為: 5.00 )
iPlay99 blog工具箱 ,

您可能也對以下文章感興趣：

  1. 克里斯林
    April 9th, 2009 at 18:03 | #1
    Reply | Quote

    不好意思，我算是初學者，在看過您的教學後去用了功能二＆三的時候都失敗了........

    以下訊息是我用功能二（JavaScript 熱門文章列表），我貼語法的地方都確實正確，卻顯示了以下資訊，不知道是否那裡做錯了...

    XML 錯誤訊息： Open quote is expected for attribute "{1}" associated with an element type "class".

    ps：請問您，你的文章旁邊有個「小藍人」有顯示閱讀人數的數字，請問是否可以教一下我如何使用的＠＠

    先謝謝你～^^

    [回應]

  1. No trackbacks yet.