Archive คือคลังเก็บบทความ โดยจะแยกเก็บตามวัน เดือน ปี ซึ่งใน cms แต่ละตัวก็จะมี Archive
ที่ไม่เหมือนกัน สำหรับใครที่ใช้ Blogger ก็คงจะคุ้นกับ Blog Archive กันเป็นอย่างดี แต่ว่าในการใช้งานจริง
ค่อนข้างจะลำบาก เพราะมุมมองเป็นแนวตั้ง เวลาจะดูบทความในแต่ละเดือนก็ต้องกดแยกย่อยลงไปเรื่อยๆ
![]()
วันนี้เลย search หา widget ที่จะมาช่วยแก้ปัญหา และก็เจอกับตัวนี้ครับ “Blogger Calendar Archive”
พัฒนาโดย PurpleMoggy Archive มีลักษณะเป็นปฎิทิน มีการเรียงรายชื่อบทความไว้ข้างใต้ และถ้าวันไหนไม่มีการเขียนบทความก็จะถูกขีดฆ่า ส่วนวันไหนที่มีก็สามารถกดเข้าไปดูได้ว่าเขียนอะไรเอาไว้บ้าง อย่างที่เห็นในภาพผมได้ลองกับ http://megamesoft.blogspot.com/ ซึ่งสามารถใช้งานได้จริงครับ
ขั้นตอนการเพิ่ม “Blogger Calendar Archive”
- เข้า blogger.com เพื่อเข้าแผงควบคุม จากนั้นกด “รูปแบบ” ของ blog ที่ต้องการครับ
- ต่อมาให้เข้าไปที่ “แก้ไข HTML” เพื่อแก้ไขโค้ดใน template ของเราครับ
“ดาวน์โหลดแม่แบบฉบับเต็ม”
- ต่อมาให้เช็ค “ขยายแม่แบบเครื่องมือ” เพื่อขยายโค้ดทั้งหมดครับ
- เอาหละครับ จะเริ่มแก้โค้ดแล้วนะครับ ขั้นแรกให้หา <head> แล้วเอาโค้ดข้างล่างนี้ไปใส่ไว้ข้างใต้ <head> ครับ
ตัวอย่าง
- ต่อมาก็เอาโค้ดข้างล่างนี้ไปใส่ไว้ใต้ <head> อีกทีครับ แต่ต้องใส่ไว้ใต้โค้ดข้างบนเท่านั้นครับ
**หลังจากเอาโค้ดนี้ไปใส่แล้วให้แก้ไขโค้ด ตามนี้ครับ
var _yourBlogUrl = "http://purplemoggy.blogspot.com"; //edit this
ให้แก้ URL เป็นเว็บของเราครับ ที่สำคัญคือ ห้ามใส่ / ตามหลังครับ
http://no2pro.blogspot.com --> ถูก
http://no2pro.blogspot.com/ --> ผิด
ตัวอย่าง :
var _yourBlogUrl = "http://no2pro.blogspot.com"; //edit this
อีกที่คือ
var _yourBlogTimeZone = "-08:00"; //edit this
ให้แก้เป็นเวลาตามประเทศครับ อย่างของประเทศไทยคือ
var _yourBlogTimeZone = "+07:00"; //edit this
การดู TimeZone ดูได้จาก การตั้งค่า->การจัดรูปแบบ
- เสร็จแล้วให้กด “บันทึกแม่แบบ” เพื่อ save โค้ด
- ถ้าใส่โค้ดได้ถูก หลังจาก save แล้วจะมีข้อความดังนี้ครับ แต่ถ้าหากมี error ก็ขอให้กลับไปดูใหม่นะครับ ว่าใส่ถูกหรือยัง หรือถ้าจำไม่ได้ก็ให้ อัพโหลดไฟล์ที่ backup ไว้แล้วคืนครับ โดยกดที่ “Choose” เลือกไฟล์ แล้วกด “อัปโหลด”
- ต่อมาเราจะไปเพิ่มองค์ประกอบที่หน้า blog ครับ ให้เข้าไปที่ “องค์ประกอบของหน้า”
- เลือกตำแหน่งตามต้องการครับ จากนั้นกด “เพิ่มGadget”
- เลือกเป็น “HTML/จาวาสคริปต์”
- จากนั้นใส่ Code นี้ลงไปครับ แล้งกด “บันทึก”
- ถ้าทุกอย่างโอเค เราก็จะเห็น “Calendar Archive” ซึ่งเป็นชื่อที่ผมตั้งไว้ ตามรูปครับ
- จากนั้นนก็ลองเปิด blog ดูครับ ผลที่ได้จะเป็นแบบนี้ครับ หรือตัวอย่างจริงๆได้จากทางขวามือครับ
สามารถเลือกกดดูตามวันก็ได้ครับ หรือจะลองเปลี่ยนเดือน ปี ก็ได้เหมือนกันครับ (ปีอาจจะย้อน-เผื่อมากเกินไปหน่อย)
ถ้าสนใจก็ลองทำกันดูนะครับ ติดปัญหาตรงไหนก็ comment บอกกันด้วยนะครับ
Credit :
- Blogger Calendar Archive
http://purplemoggy.blogspot.com/2007/04/blogger-calendar-archive.html
http://yggomelprup.googlepages.com/calendar_instructions.html
- ใ่ส่ HTML Code ใน Scroll Bar ได้อย่างไร - Thaiblog Advice
http://thaiblog-advice.blogspot.com/2009/06/html-code-scroll-bar-thaiblog-advice.html
- HTML code displayed in a scroll box
http://www.bloggertipsandtricks.com/2008/09/html-code-displayed-scroll-box.html
- Encode / Decode HTML Entities
http://centricle.com/tools/html-entities/







Loading...