How To:สร้าง Code Side bar ง่าย ๆ ประสาคนโง่คอม
posted on 10 Apr 2009 20:35 by bobotravel
ทักทาย : โบโบ้กลับมาจากประจวบแล้วครับ ไปเยี่ยมอาม่า เยี่ยมอาโกว ไปเยี่ยมคุณครูที่โรงเรียนมาครับ
วันนี้มา up blog กัน blog เน่าจ้า
How To : Code Side bar ง่าย ๆ ประสาคนโง่คอม
เคยเป็นกันไหมครับ
เวลาเห็น blog อื่น ๆ เขามีรูป มีข้อความที่ออกแบบเองแปะไว้ที่เมนูข้าง ๆ
อยากจะทำบ้าง แต่ก็ไม่รู้จะำทำไง
.
เทคนิคนี้ โบโบ้พบโดยบังเอิญ
ขณะทำบล๊อกกลางของ ต้นกล้าแห่งปัญญา (http://seedofwisdom.exteen.com)
ตอนทำก็คิดอยู่ว่าอยากทำเมนูไว้ให้คลิ๊กง่าย ๆ ดูง่าย ๆ
แต่ก็ทำไม่เป็น
ปกติเราต้องไปเขียน code ในส่วนของ custom code ในหน้า widget
แต่เรามันโง่คอม เขียนไม่เป็น แต่อยากทำอ่ะ ! !
และแล้วโบโบ้ก็มั่วไปมั่วมาจนค้นพบจนได้
หากใครอยากรู้ ตามมาเลยจ้า
1. ก่อนอื่นก็ออกแบบหน้าตาเมนูก่อนในโปรแกรมกราฟฟิกที่เราทำเป็น
2. เสร็จแล้วก็นำรูปไปใส่ไว้ใน "New Entry"
พร้อมทั้งกำหนด link,target,title ตามต้องการ
3. กดเลือกที่ HTMLมันก็จะโผล่ Code ของเมนูที่เราตั้งไว้ตะกี้
4.แล้วเราก็ ก๊อปปี้ Code ไปใส่ไว้ใน widget
ที่ชื่อ Custom Code ก็เรียบร้อยแล้วจ้า
Note หาก Code ยาวมากเกินไป มันก็จะใช้ไม่ได้นะ
วิธีแก้ ก็ให้แบ่ง code เป็นสองส่วน ไปใส่ใน custom code 2 อันที่วางติดกัน
แค่นี้ก็เรียบร้อยจ้า
ปล. ตอนนี้ โครงการต้นกล้าแห่งปัญญา ได้รับหนังสือ 8 เล่มแล้วจ้า
แว้บไปเยี่ยมโครงการกันได้ที่ http://seedofwisdom.exteen.com คร้าบ
คลิ๊กไปดูหนังสือที่ได้รับแล้วได้ที่ http://board.exteen.com/promote/read/5521/
แล้วเจอกันใหม่ครับผม
สวัสดีครับ




เรื่องจริงเกี่ยวกับลิง ที่น้อยคนจะรู้
ทริป แบบ ชุล มุน อุ่น รัก - การเดินทางของต้นกล้าแห่งปัญญา
ฉยามปะเทด ตอน พัฒนาแล้ว
#1 By myuk on 2009-04-10 20:40