Blogger 百大熱門文章排行@WFU BLOG | blogger文章人氣

就像在首次嘗鮮的店家點餐時,如果不想踩地雷,點菜單上的"人氣"、"推薦"、"招牌" 餐點會是安全的選擇。

Blogger 官方提供了「熱門文章」小 ...網站導覽如何使用本站Blogger新手指引本站的Hack及工具熱門文章一覽文章列表+讚統計BLOGGER小技巧小工具行動版官方工具留言相關Blogger相關Blogger筆記Blogger範本Blogger語法GOOGLEGoogle試算表Chrome套件GoogleDriveGoogle搜尋GoogleAdsenseGoogleAnalyticsAppsScriptGoogle相關部落格部落格經營搬家SEO社交分享按鈕網站工具網頁效能部落格廣告著作權保護網頁設計字型RWDBootstrapjQuery工具CSS技巧Javascript技巧網頁開發工具圖片展示工具網路雲端FacebookLineDropboxEvernote資訊安全免費空間會員中心會員資訊會員限定文章會員加值文章點數使用明細會員公告會員討論區關於會員系統關於/諮詢諮詢/服務項目架設網站流程架站作品關於本站版權聲明贊助管道留言板2015年12月6日Blogger百大熱門文章排行WayneFu電腦-Blogger-工具-文章列表-TOC0A+色a:link{text-decoration:underline;}.post{background:#fff;color:#222}[style*='990000'],[style*=cc0000],[style*='6aa84f'],[style*='3d85c6']{border-bottom:2pxdashed#ccc}[style*='990000']:before,[style*=cc0000]:before{content:"紅字";font-size:70%;font-weight:700;vertical-align:top}[style*='6aa84f']:before{content:"綠字";font-size:70%;font-weight:700;vertical-align:top}[style*='3d85c6']:before{content:"藍字";font-size:70%;font-weight:700;vertical-align:top}對於第一次逛到我們部落格的陌生新訪客,沒什麼工具比得上「熱門文章」,能更快熟悉網站精華之所在。

就像在首次嘗鮮的店家點餐時,如果不想踩地雷,點菜單上的"人氣"、"推薦"、"招牌"餐點會是安全的選擇。

Blogger官方提供了「熱門文章」小工具,是部落格側邊欄數一數二的安裝選擇,可以吸引讀者注意力、增加停留時間。

不過可惜的是,這個官方工具最多只能顯示瀏覽人數前10名的文章,對於累積了數百、上千篇文章的站長而言,我們巴不得能提供更多的人氣文章讓讀者挑選,對吧!目前而言,要提供更多的熱門文章,只能選擇自製一途,例如參考「標頭Banner隨機輪播熱門文章」。

另外WFUBLOG最近製作了「百大熱門文章排行」,效果還不錯,讀者可以試玩看看。

(圖片出處:pixabay.com)一、熱門文章百大排行﹍側邊欄參考了「Blogger最新文章V2」的版面配置,製作資料庫讓熱門文章可讀取100筆資料後,加入上下頁的導航功能:在縮圖左上角標示排名引起訪客關注,右下顯示瀏覽人數,就算不是第一頁的熱門文章,只要瀏覽數夠多的話,相信讀者還是很有興趣的。

根據安裝以來的實際觀測,裝上這個工具後,訪客平均單次造訪頁數(PagesperVisit)的確大幅增加不少!側邊欄效果可參考這個展示頁面:外科失樂園二、熱門文章百大排行﹍網頁版排行榜放在側邊欄時,加上縮圖拉撐了區塊高度,使得側邊欄無法一次顯示太多文章。

因此WFU另外做了個列表式的熱門文章百大排行榜:可以設定一頁顯示較多的文章數,例如20~40都可,同樣有上下頁切換功能。

熱門文章排行榜網頁版也可以有不一樣的選擇,有的站長可能會想要展示熱門文章的大尺寸封面圖(縮圖),這也是做得到的,可參考這個展示頁面:《外科失樂園》三、製作原理1.要製作百大熱門文章,首先要有儲存瀏覽數的資料庫,因此必須先製作及安裝「Blogger單篇文章瀏覽數V2」。

2.如果覺得自己製作資料庫的步驟很麻煩,也可交由本站處理,請參考「部落格熱門文章排行榜」,請使用本站側邊欄的表單與我聯繫。

3.另外,排行的依據不一定要使用"瀏覽數",也可以用文章的"按讚數"、或"+1數"來排行,就看站長喜歡哪一種了。

更多實用工具:本站使用的Blog


常見投資理財問答


延伸文章資訊