透過《Stylebot》將Bloglines版型變得跟Google閱讀器一樣清爽好閱讀

梅問題-數位生活-透過《Stylebot》將Bloglines與Google閱讀器一樣清爽
  上星期梅干將用了許久的Google Reader閱讀器,搬到Bloglines,由於它的操控與Google Reader極為相近,甚至也可直接拖拉排序,這對於梅干來說還蠻重要的,可自行排序閱讀的順序,雖然整體操控很相近,但有個令梅干相當的不習慣,那就是它的版型與樣式,Bloglines整體的配色有點沉悶,再加上文字標題也很不明顯,且字距與行高的部分,感覺相當的擠,因此梅干利用上星期的假日空檔時間,修改了Bloglines版型樣式,讓它看起來與Google閱讀器相近,版型變得更清爽、好閱讀,因此若你也搬到Bloglines的朋友們,不坊也可套用看看,梅干所修改的樣式囉!

變更Bloglines樣式:
適用平台:Google Chrome
所需套件:StyleBot
套件網址https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

安裝套件:
進到套件網址,點右上角按鈕,再按新增
梅問題-數位生活-透過《Stylebot》將Bloglines與Google閱讀器一樣清爽
安裝完畢後,在網址列後方,會出現css的文字。
梅問題-數位生活-透過《Stylebot》將Bloglines與Google閱讀器一樣清爽
修改Bloglines樣式:
進到bloglines閱讀器後,點網址後方的css文字,再點下方的Edit CSS鈕。
梅問題-數位生活-透過《Stylebot》將Bloglines與Google閱讀器一樣清爽
將下方的樣式碼,貼到輸入框中,再按Save鈕。
#smartreader-feeds-headerTitle,#smartreader-feeds-headerTitle a{color:#222;font-family:Arial, Helvetica, sans-serif;font-size:28px}#smartreader-feeds-inner{background:#fff}#smartreader-feeds-main{border:0}.entry-body, .expandedView .focus .entry-body{border:solid 1px #ccc;padding:10px}.entry-innerTitle{color:#1155cc;font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;font-size:24px;font-weight:bold}.entry-row{border-top:0;border-left:0;border-right:0;border-bottom:solid 1px #eee}.entry-title-text{font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;font-size:16px}.expandedView{background:#fff}.groupItems-title{background:#fff;color:#d74a38;margin:20px 0 10px 0}.hentry:hover{border-left:solid 1px #4d90f0}.listView ,.mosaicView ,.smartreader-main{background:#fff}.nv-treeview, .nv-sidebarInner{border:0}.nv-treeview-container{margin-top:40px}.nv-treeview-container li .nv-treeview-content div.nv-treeview-row img.nv-treeview-rowIcon{margin:7px 3px 0 0}.nv-treeview-container li div.nv-treeview-content{background:#fff}.nv-treeview-container li div.nv-treeview-row{background:#fff;color:#222;height:32px;line-height:32px}.nv-treeview-container li div.nv-treeview-row:hover{background:#eee;color:#222}.nv-treeview-container li.focus div.nv-treeview-row{background:#d74a38}.nv-treeview-container li.focus div.nv-treeview-row:hover{background:#d74a38;color:#fff}.nv-treeview-container ul.nv-treeview-feeds li div.nv-treeview-row,.nv-treeview-container li.focus ul.nv-treeview-multiplefeedsList div.nv-treeview-row{background:#fff}.nv-treeview-container ul.nv-treeview-feeds li div.nv-treeview-row:hover,.nv-treeview-container li.focus ul.nv-treeview-multiplefeedsList div.nv-treeview-row:hover{background:#eee}.nv-treeview-container ul.nv-treeview-feeds li.focus div.nv-treeview-row,.nv-treeview-container ul.nv-treeview-feeds li.focus div.nv-treeview-row:hover{background:#d74a38}.nv-treeview-feed{border-bottom:solid 1px #ccc;padding:2px 0}.nv-treeview-header{background:#fff;border:0;height:50px}boody, span, div, a{font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif}#smartreader-feeds-headerTop{padding:20px 0 20px 0;}#smartreader-feeds-headerEdit a{color:#d74a38}

梅問題-數位生活-透過《Stylebot》將Bloglines與Google閱讀器一樣清爽
哈!!是不是變得好清爽、好閱讀許多。
梅問題-數位生活-透過《Stylebot》將Bloglines與Google閱讀器一樣清爽
條列式列表模式。
梅問題-數位生活-透過《Stylebot》將Bloglines與Google閱讀器一樣清爽

相關文章

《Golla Orion Backpack》來自芬蘭時尚簡約休閒、電腦二用後背包

《Golla Orion Backpack》來自芬蘭時尚簡約休閒、電腦二用後背包

ELECOM 防潑水帆布筆電相機兩用後背包

ELECOM 防潑水帆布筆電相機兩用後背包

Dewdrop即時雙向傳檔,關閉頁面立即刪除分享

Dewdrop即時雙向傳檔,關閉頁面立即刪除分享

超省方案!到超商洗證件照8秒立即取件,1張2吋照一元不到

超省方案!到超商洗證件照8秒立即取件,1張2吋照一元不到

淘寶購物:拍錯東西如何申請退款機制與流程

淘寶購物:拍錯東西如何申請退款機制與流程





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 3 梅留言

  • 第3梅
    大樹 說道:

    我不能理解的是…從您的抓圖來看,你使用的是chrome
    為何你的可以拖曳而我的不行?
    真奇怪…

    回應:
    恩恩!!蠻怪的~~我是用chrome瀏覽器~
  • 第2梅
    大樹 說道:

    試過chrome不行,ie與firefox可以…
    看來目前我還是會使用feedly這個服務來取住google reader
    謝謝您的資訊

  • 第1梅
    大樹 說道:

    請問您…在blogline裡,要把訂閱源的分類移動,要如何處理?
    以您的圖為例,原本「軟體玩家」是歸類在「好友網站」這個分類裡
    我要移動它到「影像」這個分類,該如何移動?

    回應:
    直接按住不放,拖拉進去就行了