วิธีเปลี่ยน Favicon (iCon หน้า URL) ของ Blogger

ส่วนที่เรียกว่า Favicon เป็นส่วนที่แสดงอัตลักษณ์(ตัวตน)ของเว็บไซต์หรือ บล็อก ถ้านึกภาพไม่ออก ลองดูที่ adress bar ก็จะพบว่า แต่ลละไซต์ก็จะใช้ Favicon ที่ต่างกัน สำหรับ blogger นั้นจะใช้ icon แบบนี้ครับ

Favicon for Blogger

และถ้าเรารู้สึกเบื่ออยากจะเปลี่ยนให้เป็นเอกลักษณ์ของเราเอง ก็ทำได้ดังนี้ครับ

ไปที่ แผงควบคุม >> รูปแบบ >> แก้ไข HTML แล้วนำ code ด้านล่างนี้วางไว้ถัดจาก pageTitle (ดูรูป) แล้วทำการบันทึกแม่แบบ ก็จบขั้นตอนครับ


2009-09-29_234205

<link href='ใส่ที่ตั้งภาพของคุณที่นี่' rel='shortcut icon' type='image/x-icon'/>

ถ้าใช้โค้ดแรกแล้วไม่ปรากฎให้ใช้โค้ดด้านล่างนี้แทน

<link href='ใส่ที่ตั้งภาพของคุณที่นี่' rel='shortcut icon' />


หมายเหตุ

1. คุณต้องฝากรูปไว้ที่เว็บบริการรับฝากรูปก่อน เช่นฝากที่
http://upic.me
แล้วนำ url ของรูปมาแทนที่ข้อความสีแดงครับ

2. หากคุณยังไม่มี Favicon เป็นของตนเองสามารถใช้บริการสร้างแบบ ออนไลน์ตามลิงค์ด้านล่างครับ

http://www.favicongenerator.com
http://www.degraeve.com/favicon
http://tools.dynamicdrive.com/favicon
http://www.chami.com/html-kit/services/favicon

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

  1. ต้องใช้รูปขนาดเท่าไรหรอครับ

  1. @ ภัทรพงษ์

    ขนาดเท่าไรก็ได้ครับ เพราะมันจะถูกลดขนาดโดยอัตโนมัติอยู่แล้วครับ แต่แนะนำขนาด 32 x 32 ครับผม

  1. -ของผมทำไม่ได้ - - วางไว้ใต้ Title ไม่ได้ง่าครับ
    ด้าวล่าง title มี นี้อยู่ <![CDATA[/* มันจะ Erre ครับ

    ไม่ทราบว่าจะต้องทำไงครับ T_T

    ผมไม่รู้จริงๆ

  1. คุณ FuN-XsO วางเอาไว้ก่อน โค้ด <![CDATA[/* ได้เลยครับ

  1. ผมทำแล้ว ไม่ปรากฎ อะคับ
    ผมลองใช้ทั้ง 2 โค้ดแล้วนะ
    เป็นเพราะเหตุใดคับ

  1. ทำแล้วไม่ได้เหมือนกันครับ...แต่มีบางครั้งเป็นรูป ว่างๆ ของIE ครับ

  1. โค้ดที่ผมใช้เป็นแบบนี้ครับ ลองใสดูว่าได้หรือไม่ครับ
    <link href='http://3.bp.blogspot.com/_uJ9ptu1GqQ0/Sz9r2ZOG3FI/AAAAAAAABaE/vyZjVUBbUYg/s1600/blogger.png' rel='shortcut icon'/>

  1. ปรึกษาครับ ผมทำแล้วแต่ favicon มันไม่ขึ้นครับ กลับยังคงขึ้นของ Blogspot อยู่เช่นเดิม

    http://chicrule.blogspot.com/

  1. @ NP : ลองใช้โค้ดด้านล่างอีกทีครับ แล้วใช้ภาพขนาดเล้กนิดนึง
    <link href='ใส URL ของรูป' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

  1. มันสามารถแสดงได้ทุกเว็บบราวเซอร์เลยหรอครับ

  1. @ sharenungdee : ถ้าเป็น IE กับ FF แสดงผลครับ อย่างอื่นยังไม่ได้ลองครับ

  1. ขอบคุณครับ ผมเปลี่ยนได้แล้ว

  1. ผมยังเปลี่ยนไม่ได้เลยอะ มันก็ขึ้นรูป ตัว b เหมือนเดิม งงจัง ทำมาหลายรอบ หลายวิธีและ

  1. มันก้อยังเหมือนเดิมเลย อะ ...

  1. นำโค้ดไอคอนเว็บมาวางไว้บนโค้ด </head/> เลยครับผม

  1. ทำไมเปลี่ยนไม่ได้ครับทำตามหมดแล้ว

  1. http://cabal2-thai.blogspot.com
    มันไม่ขึ้น

  1. ความคิดเห็นนี้ถูกผู้เขียนลบ

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

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

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