ปรับแต่ง Blogger ให้แสดง Read more หรือ อ่านต่อ
หลาย ๆ ท่านคงมีัปัญหากับการปรับแต่ง หน้าแรกของ Blogger ที่มันไม่สามารถ ตัดบทความให้สั้นได้ โพสบทความแต่ละที มันไม่น่าสนใจซะเลย บอกเค้าหมดซะทีเดียวมันจะมีอะไรน่าติดตาม โดยเฉพาะเหล่าบรรดาสาวก Auto Post ทั้งหลาย โพสอัดเข้าไป หน้าแรกยาวเป็นพรึด ไม่ต้องคน บอทมันก็คงอ่านว่าไม่ใช่้คนทำ ผมเองก็ประสบปัญหาเดียวกัน เลยลองไปเสริชหาข้อมูลใน บอร์ดฝรั่งต่าง ๆ ดูว่าเค้าทำยังไงกัน ตอนนี้ผมแก้ไขของผมเรียบร้อยแล้ว เหนื่อยเอาการอยู่สำหรับบทความที่ผ่านมาแล้ว เลยคิดได้ว่าเอ๊ เพื่อน ๆ เราหลาย ๆ คนน่าจะประสบพบเจอปัญหาเดียวกันกับเรานาาา อย่ากระนั้นเลย เอามาแบ่งปันไว้ในบล๊อกของเราดีกว่า (เผื่อจะทำอีกแล้วลืม จะกลับมาดูสิไม่ว่า)
วิธีการทำไม่ยากมากครับ แต่เราไม่รู้เท่านั้นเอง เค้าทำยังไงไปดูกันเลย
- เริ่มต้นเมื่อเราล๊อกอินเข้า Blogger ของเราจะพบหน้า Dash Board ให้ไปที่บล๊อกที่เราต้องการจะแก้ไขแล้วคลิ๊กเบา ๆ ไปที่ Settings
- เลือก Tab Layout >> Edit Html
- Download ไฟล์เก่ามาเก็บไว้ก่อน กันพลาด เรายังไม่โปรนี่ โดยการคลิ๊กที่ Download Full Template
- ติ๊กถูกในช่อง Expand Widget Templates เพื่อแก้ไขแม่แบบ Template แบบเต็ม
พร้อมจะแก้ไขโค๊ดแม่แบบแล้วครับ ขั้นตอนการทำปุ่ม Read more หรืออ่านต่อให้ทำดังนี้
- หาบรรทัดที่เขียนว่า <div class=’post-body’> or <div class=’post-body entry-content’>
- เมื่อเจอแล้วนำโค๊ดตรงส่วนนี้ไปใส่ด้านล่าง
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
- ด้านล่างของโค๊ดด้านบนคุณจะเจอที่ดเขียนไว้ว่า <p><data:post.body/></p>
- ให้นำโค๊ดด่านล่างนี้ไปใส่ไต้ <p><data:post.body/></p>
<a expr:href='data:post.url'>Read Full Entry(สามารถเปลี่ยนตรงนี้เป็นอ่านต่อ ได้)</a>
</b:if>
คลิ๊กที่ SAVE TEMPLATE
เมื่อเสร็จแล้วให้ไปที่ Setting >Formatting และให้หา ส่วนของ Post Template และนำโค๊ดด้านล่างไปใส่เสร็จแล้วคลิ๊กที่ Save Setting ได้เลย
<div class=”fullpost”>
</div>
ปรับแต่ง Blogger ด้วยปุ่ม Readmore
เรียบร้อยแล้วครับสำหรับ การปรับแต่ง ให้ Blogger เราให้สามารถแบ่งบทความออกเป็นส่วน ๆ โดยการเติม ปุ่ม Readmore.. หรืออื่น ๆ แล้วแต่จะต้องการโดยวิธีการ ใส่นั้นเวลาคุณโพสบทความให้ นำโค๊ด <div class=”fullpost”> ไปใส่ตรงตำแหน่งที่เราต้องการจะตัดบทความ ให้มันขึ้นว่า Readmore
และนำโค๊ดนี้ </div> ไปใส่เมื่อจบบทความ
ปรับแต่ง Blogger ด้วยปุ่ม Readmore
ปรับแต่ง Blogger ด้วยปุ่ม Readmore
ง่ายไหมครับ มันสามารถนำเอาไปประยุกต์ใช้ได้อีกมากมายหลายหลากเลยทีเดียวเชียว วันนี้ลาล่ะ..
Related posts:
- เสียวขั้นที่ 1 ปรับแต่ง Blogger ให้ถูกใจเจ้าของ Blog 1 จากบทความที่แล้วผมได้สร้าง Blogger เนื้อหาดี ๆ แต่ไปเสียตรงที่หน้าตา ทำให้เมื่อมีผู้เยี่ยมชมเข้ามาที่ หน้า Blog ผมแล้วจะไม่ยอมอ่านบทความเนื่องจากตาลาย จาก...
- เสียว 2 ปรับแต่ง Blogger ให้ถูกใจ Search Engine แนวทางการทำเว็บทุกวันนี้เราต้องง้องอน Search Engine กันมากขึ้นเรื่อย ๆ เนื่องจากเป็น Google เป็นช่องทางหลักในการส่ง Traffic ให้เว็บไซต์...
- เมื่อ Amazon จับมือ Blogger เช้าวันนี้ (17 ธันวาคม 2552) มีข่าวดีข่าวใหญ่ของ Amazon Associates สายบล๊อกฟรีทั้งหลาย เมื่อทาง Blogger...
- สร้าง Blog ง่าย ๆ กับ Blogger.com เอาล่ะครับจากบทความที่แล้วเราแนะนำ Blogger กันไปแล้วมาถึงขั้นตอนการสร้าง Blog และปรับแต่งกันซะที หลังจากเรามีบัญชีอีเมล์กับ Gmail แล้ว ให้ไปที่ Blogger.com...
- การขายสินค้า Amazon แบบ ไม่เสียเงิืนสักแดง บทความที่แล้วผมกล่าวถึงการทำเงิืนกับการขายสินค้าให้ Amazon โดยแบ่งออกเป็นสองแบบใหญ่ ๆ คือ การขายสินค้า Amazon แบบไม่ลงทุนสักแดงเดียว การขายสินค้า Amazon...
Related posts brought to you by Yet Another Related Posts Plugin.
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
No comments yet.
Leave a comment