หน้าเว็บ

TECH & TIPS

3 วิธีเปลี่ยน Tamplate โดยไม่ให้ Gadget เดิมหายไป

หลายครั้งที่ทำการเปลี่ยน Tamplate ของบล็อกตัวเองบ่อย ๆ และก็พบว่าทุกครั้งชื่อ ของ  Gadget ของ Tamplate ใหม่จะซ้ำกับ Gadget ของ Tamplate เก่า ทำให้ Gadget เดิมของเราถูกลบทิ้งไป  บทความนี้ของจึงอยากแนะนำวิธีจัดการกับปัญหานี้สำหรับท่านที่เจอปัญหา เหมือนกัน

blogger Template

วิธีแก้ปัญหาที่ 1

1.1 ก่อนเปลี่ยน Template ให้ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> ขยายแม่แบบเครื่องมือ

1.2 คัดลอกโค้ดทั้งหมดที่อยู่ระหว่าง <div id='sidebar'> กับ </div> 
(สำหรับบางคนอาจไม่มีโค้ดดังกล่าว ก็ให้ลองค้นหาโค้ด <div id='sidebar-wrapper'> หรือใกล้เคียง แล้วทำตามข้อ 1.2)

สอนทำ blogger

1.3 เปิดไฟล์ นามสกุล .xml ของ template ใหม่ ด้วยโปรแกรม wordpad แล้ววางโค้ดที่คัดลอกจากขั้นที่ 2 ในตำแหน่งเดียวกัน นั่นคือวางไว้ระหว่าง  <div id='sidebar'> กับ </div>  และบันทึก

1.4 upload template ใหม่ที่ได้ทำการแก้ไขแล้ว 
เพียงเท่านี้เราก็จะไม่เสีย Gadget หรือ sidebar ที่ได้สร้างไว้ใน Tamplate เดิมแล้วค่ะ



วิธีแก้ปัญหาที่ 2

วิธีนี้คล้ายกับวิธีแรก แต่ง่ายกว่าซึ่งทำโดย

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

2.2 ค้นหาโค้ด <div id='sidebar'>
(สำหรับบางคนอาจไม่มีโค้ดดังกล่าว ก็ให้ลองค้นหาโค้ด <div id='sidebar-wrapper'> หรือใกล้เคียง)

2.3 จากนั้นคัดลอกโค้ดระหว่าง <div id='sidebar'> กับ </div>  เก็บเอาไว้

2.4 เปลี่ยนแม่แบบที่ต้องการ

2.5 เมื่อเราเปลี่ยนแม่แบบใหม่เสร็จแล้ว ก็ให้ค้นหาโค้ด <div id='sidebar'> อีกครั้ง แล้ววางโค้ดที่คัดลอกไว้ในขั้นที่ 2.3 ลงไปถัดจากโค้ด <div id='sidebar'> และบันทึกแม่แบบ ก็จบขั้นตอนค่ะ




วิธีแก้ปัญหาที่ 3

วิธีนี้เพิ่งเพิ่มเติมขึ้นมาใหม่จาก blogger โดยในปัจจุบัน หากมีการเปลี่ยนแม่แบบเมื่อใด Blogger จะถามคุณเสมอว่า จะเก็บ widget เอาไว้หรือลบทิ้ง ถ้าคุณเลือกตัวเลือก เก็บ widget คุณก็สามารถเก็บไว้ได้โดยไม่ต้องใช้ 2 วิธีที่ได้กล่าวมาแล้ว




การสร้างสไลด์จาก www.Slide.com

การใส่สไลด์ในองค์ประกอบของหน้านั้นทำได้หลายวิธี เช่น การ เพิ่ม Gadget ที่ชื่อว่า “สไลด์โชว์” สไลด์โชว์ เพิ่ม   หรือสร้างจาก HTML code (ขออธิบายในการปรับเปลี่ยน HTML ค่ะ)


สำหรับในที่นี้ขอแนะนำ www.slide.com เพราะว่ามีรูปแบบให้เลือกตามความต้องการมากมาย สามารถปรับแก้ในภายหลังได้ และให้ Bandwidth กับผู้ใช้บริการมากอีกด้วย


ขั้นตอนการสร้างสไลด์ในบล็อก


2009-09-29_125116

1. ไปที่ www.slide.com และทำการสมัครสมาชิก


2009-09-29_125116


2. เริ่มสร้างสไลด์โดยไปที่เมนูสร้าง ด้านซ้ายบน  >> เลือก สร้างภาพสไลด์โชว์



3. เมื่อเข้ามาที่หน้าต่างการสร้างสไลด์ ก็ให้เริ่มตั้งค่าต่างๆ ตามขั้นตอนที่เห็นในรูปข้างล่างนี้ ซึ่งได้แก่ รูปแบบของสไลด์ และที่ตั้งของภาพที่จะนำมาสร้างสไลด์ซึ่งเลือกได้ว่าจะใช้จากที่อื่นๆ หรือ Browse เรียกจากเครื่องคอมพิวเตอร์ของเรา  …และเมื่อตั้งค่าเป็นที่พอใจ และ upload ภาพเเสร็จสิ้นแล้ว ให้บันทึกสไลด์เพื่อรับรหัส HTML ค่ะ

2009-09-29_125921


 2009-09-29_131239


4. เมื่อบันทึกเสร็จสิ้นแล้ว ยังสามารถกลับไปแก้ไขได้อีกด้วย แต่ถ้าเป็นที่พอใจแล้วให้คัดลอกรหัส HTML ไปวางในองค์ประกอบของหน้าที่เราต้องการได้เลยค่ะ


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


เราสามารถทำให้แถบเมนูด้านล่างหายไปโดยการลบ รหัส HTML บางส่วนทิ้งไปโดย


มองหา code ที่ชื่อว่า <p style="white-space:nowrap">

ให้ลบ code ถัดจากนั้นทั้งหมดจนถึง code ที่ชื่อว่า  </p></p> เท่านี้เมนูด้านล่างที่ดูรกตาก็จะหายไปแล้วครับ เมื่อลบแล้วผลเป็นดังนี้ค่ะ



การนำโค๊ดเพลง จาก Mix Podใส่ในบล๊อค

เพื่อนหลายคนที่สร้างบล๊อกเป็นมือใหม่อย่างเราน่ะค่ะ ก็อยากมีเพลงเพราะใส่ในบล๊อกของตัวเองใช่ไหมหล่ะ !! แต่จะหาเพลงและทำโค๊ดยังไงเนี้ย ย ย  ปวดหมอง ง ง 
มีวิธีง่ายๆค่ะ โดยเพื่อนๆเข้าไปในเว็บนี้เรย ย  ย
ขั้นแรก : เข้า เว็บ Mix pod  http://www.mixpod.com/
คลิกที่รูป อะไรก็ได้ หรือ เข้า ที่คำว่า Create Playlist  



เว็บนี้จะมีเพลงมากมายก่อยกองให้เราเลือกใช้
โดยเราจะต้องสมัครสมาชิกก่อน สมัครสมาชิกง่ายๆแถมเร็วอีกด้วยค่ะ
เราสามารถเข้าไป  Search  หาเพลงที่เราชอบ
แล้วมารวมไว้ที่บล็อกเพลงที่เราสมัครสมาชิกไว้เมื่อสักครู่นี้เองค่ะ
และนำ  Embed  ของเพลงมาแปะที่บล็อกหรือที่กระทู้ได้ง่ายๆ
ขั้นที่สอง : เมื่อเข้าไปแล้ว ก็พิมพ์ชื่อเพลงที่ต้องการลงไป  แล้วกด search  
ขั้นที่สาม : เมื่อได้เพลงที่ต้องการแล้ว ก็กด เพิ่ม (+) หรือ กด ฟัง (>)  
ขั้นที่สี่ : กด 2. Customize 
ขั้นที่ห้า : เมื่อเลือก สกิน เสร็จแล้ว ก็ เลือก 3. Save playlist  แล้วก็จะมาสู่หน้า Code
เพื่อที่จะเอามาใส่ในบล๊อกของเรา 
ขั้นที่หก : เมื่อได้โค๊ดมาแล้วน่ะค่ะ เราก็นำมาแปะไว้ในส่วนของ เพิ่ม Gedget  น่ะค่ะ เลือก HTML 
ขั้นที่เจ็ด : นำโค๊ดที่ได้ มาใส่ไว้ในนี้


แล้วกด บันทึก ถือเป็นการเสร็จเรียบร้อย