"read more" New Blogger Hack

Blogger มันไม่มี “read more” เหมือนกับพวก WordPress หรือ Drupal

แต่ถ้าอยากทำ ก็ทำได้ ใช้ JavaScript + CSS + DOM แฮ็คเอา

Hackosphere : Blogger hack: Expandable posts with Peekaboo view

จดไว้ก่อน เดี๋ยวจะลองดู

เท่าที่ดูวิธีผ่าน ๆ ยังไม่ได้ดูโค้ด น่าจะใช้วิธี ‘ซ่อน’ ฉบับเต็ม (span id=”fullpost”) เอาไว้ด้วย CSS แล้วพอกด “read more” JavaScript ก็จะไปเปลี่ยน CSS จากที่ซ่อนเป็นแสดง … เดาเอานะ read more

CSS @media rule

Ease the Pain with IE6 Printing describes how to turn some elements on on the screen, but turn them off when we going to print the page out.

This is possible by using CSS @media rule, part of CSS2 standard.

ถ้าใช้เท็มเพลตของ Blogger.com ก็ใส่โค้ดนี้เข้าไปหลัง <style>

@media print {
 #header, #description, #sidebar { display: none; }
}

ประหยัดกระดาษได้เหมือนกันนะ read more