ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Free Site => ข้อความที่เริ่มโดย: eyejan ที่ 20 กันยายน 2016, 06:18:27



หัวข้อ: สอบถามเทพ Blogspot เรื่อง H1 Tag
เริ่มหัวข้อโดย: eyejan ที่ 20 กันยายน 2016, 06:18:27
สวัสดีครับ อยากสอบถามท่านที่เชี่ยวชาญด้านการปรับแต่ง Blogspot ครับ ว่า โดยปกติ ถ้าเราใช้ Banner มาทำ Header ตัว H1 มันจะหายไปเลย
จึงอยากสอบถามว่า

1. มีวิธีการเติม H1 โดยที่เรายังใช้ Banner ด้วยได้หรือเปล่าครับ (มีคนแนะนำว่า สลับ h3 เป็น h1 ไปเลย แต่ทำแล้ว template มีปัญหา)

2. หรือ ถ้าจะใช้ Text เป็น Header เพื่อที่จะรักษา H1 ไว้ มีวิธีใช้ CSS ปรับแต่ง Text ให้สวยงามหรือเปล่าครับ

ขอบคุณมากครับ


หัวข้อ: Re: สอบถามเทพ Blogspot เรื่อง H1 Tag
เริ่มหัวข้อโดย: rukrean ที่ 20 กันยายน 2016, 10:42:10
งงๆ กับคำถามครับ น่าจะบอกที่มาที่ไปซักหน่อย เช่น ใช้ template อะไร, h1 ตัวไหนของ template, รูปภาพประกอบ, ตัวอย่างเว็บ เป็นต้น blogger นั้นสามารถปรับแต่งได้ไม่ธรรมดาเหมือนกัน ขึ้นอยู่กับผู้ใช้ว่าสามารถทำได้มากน้อยแค่ไหน อย่างอันนี้ที่ผมได้ศึกษาและเขียน template ออกมาด้วยตนเอง

หน้าแรก > https://drivepermit.blogspot.com/
หน้าเพจ > https://drivepermit.blogspot.com/p/about-us.html
หน้าโพสต์ > https://drivepermit.blogspot.com/2016/03/get-except-vehicle-registration.html
หน้าหมวดหมู่ > https://drivepermit.blogspot.com/search/label/เตรียมตัวสอบใบขับขี่?max-results=10 (https://drivepermit.blogspot.com/search/label/เตรียมตัวสอบใบขับขี่?max-results=10)
หน้าค้นหา >https://drivepermit.blogspot.com/search?q=ใบขับขี่ (https://drivepermit.blogspot.com/search?q=ใบขับขี่)

อันนี้ผมทำแบบง่ายๆ เท่าที่ผมรู้ แต่มันสามารถปรับแต่งได้มากกว่านี้อีก ยังไงลองดู code เอาครับ เพราะผมก็เป็นแค่นิดๆ หน่อยๆ


หัวข้อ: Re: สอบถามเทพ Blogspot เรื่อง H1 Tag
เริ่มหัวข้อโดย: eyejan ที่ 20 กันยายน 2016, 10:57:58
ผมใช้ Simple Template ที่มากับ Blogger นั่นแหละครับ

ปกติ ถ้าไม่ใช้ Header Image ตัว Header Tag ของ Blogger จะเป็นดังนี้ ทุกหน้า
H1 = Blog Title
H2 = Side Bar Title
H3 = Post Title

ถ้าใช้ Header Image ตัว Header Tag ของ Blogger จะเป็นดังนี้ ทุกหน้า
H1 = ไม่มี
H2 = Sidebar Title
H3 = Post Title

ที่ถามคือ ผมใช้ Header Image ดังนั้น จะไม่มีตัว H1 เลยอยากสอบถามว่า จะเติมตัว H1 อย่างไรครับ ขอบคุณครับ


หัวข้อ: Re: สอบถามเทพ Blogspot เรื่อง H1 Tag
เริ่มหัวข้อโดย: tonghealth ที่ 20 กันยายน 2016, 12:09:22
เขียนเพิม เอาก็ได้ครับ


หัวข้อ: Re: สอบถามเทพ Blogspot เรื่อง H1 Tag
เริ่มหัวข้อโดย: rukrean ที่ 20 กันยายน 2016, 13:25:38
ผมไม่รู้เหมือนกันนะครับว่า จขกท. อยากให้แสดงผลอย่างไร แต่ถ้าอยากเพิ่ม H1 เข้าไป ทำได้ประมาณนี้ครับ

1. ดูที่หลังบ้านในส่วนของ รูปแบบ แล้วดูว่าที่ section ส่วนหัว สามารถเพิ่ม widget ได้หรือไม่ ถ้าเพิ่มได้ก็ให้เพิ่ม widget html/javascirpt เข้าไปแล้วใส่ <h1>ข้อความที่ต้องการ</h1> แค่นี้ก็เรียบร้อยครับ

2. กรณีที่ section ส่วนหัว ไม่สามารถเพิ่ม widget ได้ จะต้องเข้าไปแก้ไข code ของ section ส่วนหัว ให้สามารถเพิ่ม widget เข้าไปใหม่ได้ ดังนี้ครับ
- เข้าไปที่ แม่แบบ > แก้ไข html
- หาบรรทัดที่ต้องแก้ไข โดยการกด ctrl+f แล้ววางคำนี้ลงไป b:section class='header' แล้วจึงกด enter
- เมื่อค้นเจอ จะเห็นบรรทัดดังกล่าวเต็มๆ ดังนี้ <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
- แก้ไข maxwidgets='1' ให้เป็น maxwidgets='2' (หมายถึงจำนวน widget ว่าต้องการเท่าไหร่ ใส่ 3,4,5 ก็ได้ หรือจะลบ maxwidgets='1' ทิ้งไปเลยก็ได้)
- แก้ไข showaddelement='no' ให้เป็น showaddelement='yes' (หมายความว่า เราสามารถเพิ่ม widget ได้)
*** maxwidgets='1' ถ้าต้องการให้สามารถย้ายตำแหน่งใน section ส่วนหัวได้ จะต้องกำหนดให้มากกว่า widget ที่ใช้จริง เช่น ใช้ 2 ต้องกำหนด 3 หรือจะลบไปเลยก็ได้

หากต้องทำตามข้อ 2 ก็ให้ทำตามข้อ 2 ให้เรียบร้อย แล้วทำตามข้อ 1 ทีหลังครับ

ช่วยเหลือได้ประมาณนี้ครับ ^_^


หัวข้อ: Re: สอบถามเทพ Blogspot เรื่อง H1 Tag
เริ่มหัวข้อโดย: rukrean ที่ 20 กันยายน 2016, 13:32:27
เพิ่มเติมอีกหน่อย คือ บรรทัดล่างต่อมาใกล้ๆ กัน

<b:widget id='Header1' locked='true' title='(ส่วนหัว)' type='Header' visible='true'>

ให้เปลี่ยน locked='true' ให้เป็น locked='false' เพื่อให้สามารถเลื่อน widget header ได้


หัวข้อ: Re: สอบถามเทพ Blogspot เรื่อง H1 Tag
เริ่มหัวข้อโดย: eyejan ที่ 20 กันยายน 2016, 13:45:54
ผมไม่รู้เหมือนกันนะครับว่า จขกท. อยากให้แสดงผลอย่างไร แต่ถ้าอยากเพิ่ม H1 เข้าไป ทำได้ประมาณนี้ครับ

1. ดูที่หลังบ้านในส่วนของ รูปแบบ แล้วดูว่าที่ section ส่วนหัว สามารถเพิ่ม widget ได้หรือไม่ ถ้าเพิ่มได้ก็ให้เพิ่ม widget html/javascirpt เข้าไปแล้วใส่ <h1>ข้อความที่ต้องการ</h1> แค่นี้ก็เรียบร้อยครับ

2. กรณีที่ section ส่วนหัว ไม่สามารถเพิ่ม widget ได้ จะต้องเข้าไปแก้ไข code ของ section ส่วนหัว ให้สามารถเพิ่ม widget เข้าไปใหม่ได้ ดังนี้ครับ
- เข้าไปที่ แม่แบบ > แก้ไข html
- หาบรรทัดที่ต้องแก้ไข โดยการกด ctrl+f แล้ววางคำนี้ลงไป b:section class='header' แล้วจึงกด enter
- เมื่อค้นเจอ จะเห็นบรรทัดดังกล่าวเต็มๆ ดังนี้ <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
- แก้ไข maxwidgets='1' ให้เป็น maxwidgets='2' (หมายถึงจำนวน widget ว่าต้องการเท่าไหร่ ใส่ 3,4,5 ก็ได้ หรือจะลบ maxwidgets='1' ทิ้งไปเลยก็ได้)
- แก้ไข showaddelement='no' ให้เป็น showaddelement='yes' (หมายความว่า เราสามารถเพิ่ม widget ได้)
*** maxwidgets='1' ถ้าต้องการให้สามารถย้ายตำแหน่งใน section ส่วนหัวได้ จะต้องกำหนดให้มากกว่า widget ที่ใช้จริง เช่น ใช้ 2 ต้องกำหนด 3 หรือจะลบไปเลยก็ได้

หากต้องทำตามข้อ 2 ก็ให้ทำตามข้อ 2 ให้เรียบร้อย แล้วทำตามข้อ 1 ทีหลังครับ

ช่วยเหลือได้ประมาณนี้ครับ ^_^

เข้าใจแล้วครับ ขอบคุณครับ