02 กรกฎาคม, 2551

Related Posts on Blogger ..แสดงเรื่องที่เกี่ยวข้องง่ายๆ

เวลาเข้าไปดู Blog ของชาวบ้านแล้วแอบอิจฉาไม่ได้ ไม่รู้ว่าเค้าทำอย่างไร? คือสมมติว่าเราเข้าไปอ่านบทความเรื่องๆ หนึ่ง ท้ายบทความเรื่องนั้นจะมีหัวข้อหนึ่งที่บอกว่า : เรื่องที่เกี่ยวข้อง เนื้อหาที่เกี่ยวข้อง หรือ เรื่องคล้ายๆ กัน ประมาณนี้ ซึ่งใน blogger คุณสมบัตินี้ หาไม่เจอครับ! (อือ มีอยูู่่ที่หนึ่ง อันนี้หนะ เพิ่ม Enclosure link ไม่รู้ว่ามันใช้อย่างไร) ..อือ แย่เลย เราอยากทำมั่ง! ก็รอ ร๊อ รอ ว่าซักวันเราจะต้องทำได้ ..และมาวันนี้ ฝันเป็นจริงซะที ทำได้แล้วหละครับ !!!
เมื่อทำได้แล้วก็เลย เอามาเผื่อแผ่ให้กับเพื่อนๆ ชาว Blogspot ได้อ่าน และทดลองทำกันดูบ้าง เป็นวิทยาทานนะครับ
ต่อไปนี้เป็นขั้นตอนการทำ Related Posts หรือ เรื่องที่เกี่ยวข้อง ไว้ท้ายบทความ ง่ายๆ แบบ Step by step เลยทีเดียว ...มาติดตามกันเลย
  1. หลังจาก Sign in เข้ามาใน blogger แล้ว ให้คลิกที่ลิงค์ รูปแบบ(Layout) ของ Blog ที่เราต้องจะแก้ไข ...จะเข้าสู่หน้า รูปแบบ(Layout) ให้คลิกตรงแถบลิงค์ แก้ไข HTML (Edit HTML)
  2. จากนั้น ให้ทำการแบ็คอัพ Template เดิมไว้เผื่อว่าหากเราทำการแก้ไขแล้วล้มเหลว จะรีสทอร์กลับคืนมาได้ โดยคลิก ดาวน์โหลดแม่แบบฉบับเต็ม (Download Full Template) แล้วเซพลงในเครื่อง ...จากนั้นคลิก [/] ขยายแม่แบบเครื่องมือ (Expand Widget Templates)
  3. แล้วค้นหา Code ข้างล่างนี้ให้เจอ...
    <data:post.body/> (กดปุ่ม F3 เพื่อเรียกกล่องค้นหา ..ใช้ได้ทั้งใน Firefox และ Ie7)
  4. เมื่อเจอแล้วให้คัดลอก Code ข้างล่างนี้ไปต่อท้าย
    ง่ายๆ คลิกดาวน์โหลด จากตรงนี้ได้เลยครับ the .txt file here
  5. จากนั้น วาง Code ที่คัดลอกมา ไว้ด้านขวา หลัง Code ในข้อ 2. (<data:post.body/>) ให้แก้ไขโดยวาง <data:post.body/> ไว้ในแท็ก <p></p> เหมือนกับตัวอย่างนี้ (ถ้าเป็นอยู่แล้ว ก็ไม่ต้องแก้ครับ)
    <p><data:post.body/></p> ตามด้วย Code ในข้อ 4. (ที่เราดาวน์โหลดมา)
  6. จากนั้น เซพ Template อีกครั้ง ..โดยคลิกปุ่ม บันทึกเทมเพลท (SAVE TEMPLATE)
เสร็จแล้วก็จะได้หน้าตา ดังภาพตัวอย่างนี้เลยครับ...
Related-Posts-Blogger-1
เอาหละ ลองดูละกันครับ ..ของผมตอนนี้กำลังอยู่ในขั้นปรับปรุง วันหลังอาจจะได้หน้าตาที่แตกต่างไปจากนี้ (หุ หุ)
หมายเหตุ : จะทำแบบนี้ได้ เวลาโพสต์บทความอย่าลืมใส่ Label หรือป้ายกำกับด้วยนะครับ (มิฉะนั้นจะทำมิได้เน้อ!)
ที่มา : http://cchoy.blogspot.com/2008/06/related-posts-on-blogger.html

Related Posts by LinkWithin

Related Posts with Thumbnails