Pos slider Setup วิธีเปลี่ยนรูปภาพ ใส่ลิ้งค์ให้ Post Slider ให้ Blogger

การเปลี่ยน Pos Slider ทำให้บล็อกของเรามีสีสันน่าติดตามมากกว่าหน้าตาบล็อกแบบเดิมๆขึ้นกว่าเดิม ขั้นตอนคล้ายๆกับการใส่ Link Menu แต่ Template ของแต่ละ template จะแตกต่างกัน แต่สามารถใช้วิธีการที่อธิบายนี้เป็นแนวทางในการแก้ไขได้ มีไม่กี่ขั้นตอนครับ





ขั้นตอนการเปลี่ยน Pos Slider ให้กับ Blog

1.ให้เตรียมรูปภาพที่จะใช้ขนาด width=560 height=229 และข้อความที่ต้องการให้โชว์พร้อมรูปภาพ ดูตัวอย่างรูปครับ

2.เข้าไปที่บล็อก Login >>แม่แบบ>>แก้ไข HTML ถ้านึกไม่ออก ดูรูปประกอบครับ



3.เข้ามาแล้วกด Ctrl+F หา Code “Post slider Html” ดังรูป



4.ใส่รายละเอียดดังนีครับ สีแดงสำคัญ สีน้ำเงินไม่เปลี่ยนก็ได้ มันจะเปิดด้วย <li class='sliderImage'>และปิด </li>

<li class='sliderImage'> <a href='Urlหน้าที่ต้องการลิ้งไปหา' rel='bookmark' title='ชื่อไตเติ้ลตามเราต้องการ'><img alt='ใส่ชือให้รูปตามเราต้องการ' height='229' src='Urlรูปที่ต้องการใส่'/></a> <span class='bottom'> <h2><a href='Urlหน้าที่ต้องการลิ้งไปหา' rel='bookmark' title='ชื่อไตเติ้ลตามเราต้องการ'>หัวเรื่อง</a></h2> <p>ใส่ข้อความที่ต้องการโชว์แถบล่าง</p></span> </li>

เสร็จแล้วหน้าตาจะออกมาแบบนี้ครับ เวลามีคนมาคลิกที่รูปมันจะลิ้งไปหน้าที่เราต้องการครับ

วันหน้าผมจะสอนเทคนิคการเปลี่ยน “mage slider html” อย่าลืมติดตามนะครับ ใครไม่เข้าใจก็ถามมาได้ในหน้านี้ครับ




เขียนโดย: suree & kobover
“เรียนรู้ในสิ่งที่คุณไม่รู้…คุณจะรู้ในสิ่งที่ไม่เคยรู้”