การใส่ไอคอน back –forward –home แทนข้อความบน Blogger

โดยปกติแล้วการเปลี่ยนหน้าบล็อกของเราจะทำได้โดยการใช้ข้อความดังรูป


สอนวิธีทำ blogger

แต่ถ้าหากเรารู้สึกว่ามันเชย หรือเบื่อๆ ก็สามารถเปลี่ยนเป็นไอคอนได้โดยวิธีต่อไปนี้

ขั้นที่ 1 ไปที่ แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> ขยายแม่แบบเครื่องมือ

ขั้นที่ 2 มองหาโค้ดเหล่านี้ (ใช้ Ctrl + F ช่วย)


<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<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>




ขั้นที่ 3 และแทนที่โค้ดสีแดงด้วยโค้ดต่างๆดังนี้

โค้ด
แทนที่ด้วย
<data:newerPageTitle/> <img src="http://upic.me/i/pp/eback.png"/>
<data:olderPageTitle/> <img src="http://upic.me/i/su/forward.png"/>
<data:homeMsg/> ทั้งสองตำแหน่ง <img src="http://upic.me/i/bv/home1.png"/>



ขั้นที่ 4 บันทึกแม่แบบครับ


ผลที่ได้จะออกมาเป็นแบบนี้ครับ ลองดูนะครับ

สอนติด Google AdSense

ตอนนี้มีความคิดเห็น : 8 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. แล้วถ้าเราจะลบออกละครับ ทำไง

  1. พี่ค่ะ นู่ได้บ้านอ่ะ แต่ว่า ลูกศรข้างๆสองรูป ไม่มี ทำไงดีอ่ะคะ่

  1. @ChatTar ^_^

    เข้าไปหา Icon ฟรี ๆ ที่นี่ดูครับ

    http://www.freeiconsweb.com/

  1. ขอบคุณ อาจารย์ ด้วยคารวะ งามงาม
    ขอให้รวย ๆๆๆๆ
    ขอให้บล้อกนี้ เป็น แสงสว่าง แห่งการทำบล้อก ตลอดไป ขอบคุณ ในความกรุณาที่แผ่ความรู้ให้คนที่รักจะทำบล้อกแ่ทำไม่เป็นพอได้ อาจาร์ยแห่งบล้อกนี้ ทำให้มีความสขมากๆที่จะเรียน และทำ
    ขอให้ เจริญก้าวหน้า ในทุกๆทาง
    ขอบคุณอีกครั้ง

  1. ขอบคุณทุกบทความจากใจจริงขอรับ $$$

  1. ของผมหาโค้ด ตัวสุดท้าย ไม่เจอคับ ใช้ Ctrl + F ช่วย แล้วก้อไม่เจอทำงัยดีคับ ส่วนที่ โค้ด 1 , 2 หาเจอ

  1. ถ้าจะขยายขนาดของตัวหนังสืออย่างเดี่ยวหล่ะครับ ทำยังไงหรอ

  1. ถ้าไม่ต้องการให้มีก็ลบส่วนนั้นออกครับ

แสดงความคิดเห็น

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel