เปลี่ยนลิงค์ บทความที่ใหม่กว่า และบทความที่เก่ากว่าเป็น Icon

เรื่องของโพสต์ลิงค์เราสามารถที่จะตั้งค่า ไม่ให้ Blog แสดงก็ได้หรือก็สามารถเพิ่มรูปแทนข้อความ บทความที่ใหม่กว่า และ บทความที่เก่ากว่าได้ซึ่งก่อนอื่นเราต้องทำการสร้างรูปที่จะใช้มาก่อน ในบทความนี้ผมจะใช้ Icon ดังรูปข้างล่าง

1. หลังจากที่เราได้รูป Icon ทีต้องการมาแล้วให้เราทำการ Upload ไปยัง Server ก่อนหลังจากนั้นเราจะได้ Link มาใช้งาน เช่น 

http://upload.tarad.com/images2/69/ce/69ce59d5292de07b7fc086f7c16f1781.png

http://upload.tarad.com/images2/d3/6e/d36ed2a298dc20fa119977edf053ea2b.png

http://upload.tarad.com/images2/4c/71/4c71c8a934ffaf22484dfe1f9da82621.png

2. จากนั้นให้นำ Link มาเขียน code ดังนี้

<img alt='newerpost' src='http://upload.tarad.com/images2/69/ce/69ce59d5292de07b7fc086f7c16f1781.png'/>

<img alt='Home' src='http://upload.tarad.com/images2/d3/6e/d36ed2a298dc20fa119977edf053ea2b.png'/>

<img alt='olderpost' src='http://upload.tarad.com/images2/4c/71/4c71c8a934ffaf22484dfe1f9da82621.png'/>

3. เข้าไปทำการแก้ไข HTML ตามขั้นตอนดังนี้ ==> ขั้นตอนเข้าไปแก้ไข HTML แล้วมองหา code ดังนี้

<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>

</b:if>

4. จากนั้นทำการแทนที่

<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>

ด้วย code ในข้อ 2 จะได้ code ดังนี้

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='newerpost' src='http://upload.tarad.com/images2/69/ce/69ce59d5292de07b7fc086f7c16f1781.png'/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='olderpost' src='http://upload.tarad.com/images2/4c/71/4c71c8a934ffaf22484dfe1f9da82621.png'/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img alt='Home' src='http://upload.tarad.com/images2/d3/6e/d36ed2a298dc20fa119977edf053ea2b.png'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

ทำการบันทึกแม่แบบแล้วดูผลการเปลี่ยนแปลงดังรูปข้างล่าง