ขั้นตอนที่ 1 ไปที่ แม่แบบ|แก้ไข HTML - ขยายแม่แบบ (Layout|Edit HTML|Expan Widget Templates)
ขั้นตอนที่ 2 ค้นหาตำแหน่งของ Sidebar หรือ Widget ที่เรากำลังทำการแก้ไข สำหรับการค้นหา Widget ทำได้ง่าย ๆ ถ้าเราใส่ชื่อ(Title) ของ Widget นั้น ๆเอาไว้ หรือจะมาใส่ทีหลังแล้วค่อยลบออกก็ได้ เพื่อที่จะได้ง่ายต่อการค้นหา ถ้าเป็นการค้นหา Sidebar ก็ให้ค้นหาคำว่า "sidebar", "leftsidebar" หรือ "rightsidebar" อะไรประมาณนี้แหละครับ
ขั้นตอนที่ 3 เมื่อเราไปถึงตำแหน่งที่หมายของ Sidebar หรือ Widget แล้วให้หาโค๊ด <b:includable id="main"> หรือ b:includable
ขั้นตอนที่ 4 ให้คัดลอกโค๊ดนี้วางไว้ข้างล่าง <b:includable id="main"> หรือ b:includable
ถ้าต้องการให้แสดงผลเฉพาะหน้าหลัก(Homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
ถ้าต้องการให้แสดงผลเฉพาะหน้าบทความ(Post Page)
<b:if cond='data:blog.pageType == "item"'>
ถ้าต้องการให้แสดงผลเฉพาะหน้า(Specific Page)
<b:if cond='data:blog.url == "Blog Post URL"'>
*Blog Post URL ใส่ URL ของหน้่าบทความที่ต้องการให้แสดงผล
ขั้นตอนที่ 5 ให้เลื่อนลงมาข้างล่างเรื่อย ๆ จนถึงโค๊ด </b:includable> แล้วให้วาง โค๊ด </b:if> ไว้ข้างบน ดังนี้
</b:if>
</b:includable>
ถ้าดูจาก Blog นี้ที่ผมทำอยู่ จะเห็นได้ว่า ที่ตำแหน่ง "Google Adsense" กับ "บทความล่าสุด" ที่อยู่ทางตอนบนขวาจะอยู่ในตำแหน่งเดียวกัน โดยให้ "Google Adsense" แสดงผลเฉพาะหน้าหลัก(Homepage) และให้ "บทความล่าสุด" แสดงผลเฉพาะหน้าบทความ(Post Page) ถ้าสงสัยยังไงก็ให้ comment มาน๊ะครับ
บทความ
4 ความคิดเห็น:
ขอบคุณครับ
สวัสดีครับ
เอ่อ คึือบล็อกของผม พออัพเกรดเป็นรูปแบบใหม่
สไลด์บาร์ มันจะลงมาข้างล่างสุดอ่ะครับ
ไม่ทราบว่าจะทำยังไง
ไปแก้ไขโค้ดตรงไหนหรอครับ
ขอบคุณครับ
ลองลดขนาดความกว้างของ sidebar หรือ postbody ดู หน้าตาประมาณนี้ครับ
#main-wrapper {
margin-$startSide: 2%;
width: 50%;
float: $startSide;
display: inline;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
margin-$endSide: 2%;
width: 20%;
float: $endSide;
display: inline;
word-wrap: break-word;
overflow: hidden;
}
คำว่า main-wrapper หรือ sidebar-wrapper อาจจะถูกตั้งค่าเป็นอย่างอื่นก็ได้ครับ ถ้าจะให้ดูง่าย ๆ ก็คือ ถ้าเป็น postbody หรือ main-wrapper จะมีขนาดความกว้างมากที่สุด ในที่นี้คือ 50 เปอร์เซ็นต์ เราอาจจะกำหนดเป็นตัวเลขพิกเซลก็ได้ เช่น 650px ลืมบอกไปว่าให้ไปแก้ตรง weight
หรืออาจจะไปแก้ที่ margin ให้แคบลงก็ได้ครับ ถ้าต้องการให้ความกว้างของส่วนต่าง ๆ คงเดิม ปกติก็จะมีการตั้งค่า margin ไว้ในระดับหนึ่งอยู่ครับ
ยังไงก็ลองดูน๊ะครับ
อีกอย่างหนึ่ง เวลาที่เราแก้ไขอะไรแล้ว อย่าเพิ่มบันทึกแม่แบบน๊ะครับ ให้กดปุ่มแสดงตัวอย่างก่อนแล้วดูว่าใช้ได้หรือเปล่าแล้วค่อยบันทึกแม่แบบจะดีกว่า
ขอบคุณมากครับ...*-*
แสดงความคิดเห็น