Get More Screen Estate: Google Reader

Submitted by mk on 6 September, 2009 - 18:39

บล็อกในซีรีย์ "มาเพิ่มเนื้อที่แสดงผลบนหน้าจอกันเถอะ"

ตอนที่ 3 นี้ว่ากันด้วย Google Reader โปรแกรมสำหรับอ่าน feed ที่ใช้เนื้อที่หน้าจอเปลืองมาก เราจะเอา element ที่ไม่สำคัญออกไป (ใครเคยใช้ช่อง search ใน Google Reader กันบ้าง?) ผ่านฟีเจอร์ที่เรียกว่า userContent.css ซึ่งอนุญาตให้เราเพิ่ม (หรือ override) CSS ของเว็บไซต์ที่ต้องการลงไปเองได้ เราใช้เทคนิคนี้เอา element บางอันออกไปจากการแสดงผล โดยการสั่ง display:none

โค้ดของ userContent.css สำหรับ Google Reader มีดังนี้

@-moz-document url-prefix("http://www.google.com/reader/view/") {

a#logo-container, .loaded div#search { display:none; visibility: hidden; }

gbar,

logo,

global-info,

.message-area,

lhn-add-subscription-section,

chrome-header,

viewer-footer {

display: none; }

main {

top: 0px!important; }

}

เอาไฟล์ userContent.css ไปใส่ไว้ใน ~/.mozilla/firefox/profile/chrome/ แล้วเริ่ม Firefox ใหม่หนึ่งที จะเห็นผล

greader after userContent.css

ได้พื้นที่แนวตั้งเพิ่มมาอีก 127 พิกเซล ไม่น้อยเลย โดยเฉพาะอย่างยิ่งเมื่อเทียบกับหน้าจอในปัจจุบันที่ออกไปทางกว้างเสียหมด

Keyword:

Comments

pawinpawin

6 September, 2009 - 21:32

แจ่มเลย

เห็น feed เยอะๆ แล้วก็คิดอยู่ว่าเมื่อไหร่ google reader จะทำ subfolder ได้ซะที

MCSC

7 September, 2009 - 00:31

ขออนุญาตแนะนำเพิ่มเติมครับ
สำหรับบางท่่านที่ไม่สามารถแ้ก้ไขได้ตาม ตัวอย่าง
อาจเกิดจาก URL google ของประเทศไทย โดยแก้ได้ดังนี้ครับ

จากเดิม
@-moz-document url-prefix("http://www.google.com/reader/view/") {

ต้องแก้เป็น
@-moz-document url-prefix("http://www.google.co.th/reader/view/") {

Eka-X

8 September, 2009 - 12:07

แต่ผมใช้ช่องค้นหาบ่อยมากนี้ซิครับ จึงไม่เหมาะกับผม หุๆ

Add new comment