การใส่รูปใน ไซด์บาร์
อ่าน: 2690บันทึกนี้เขียนขึ้นมาตามคำขอของน้องเบิร์ด เมื่อน้องขอพี่ก็รีบจัดให้ค่ะ สมาชิกชาวลานฯ (ที่ใช้ธีมพิมพ์นิยม Syrup) ที่สามารถใช้ลานฯ เขียนบันทึก และใส่ภาพในบันทึกคล่องแล้ว (ทำตามคู่มือลานปัญญา )ตั้งค่าต่างๆ เป็นแล้ว
1. การเตรียมรูปก็เป็นเรื่องสำคัญ ควรมีขนาด ไม่เกิน 180 pixel x 180 pixel ควรจัดให้ดูเหมาะสม กับความกว้างของไซด์บาร์ ด้วยค่ะ เมื่่อได้รูปที่ต้องการแล้วให้อัพโหลดไปเก็บไว้ที่เวปไหนก็ได้ เพื่อให้ได้ ที่อยู่ และโค้ดของภาพ (HTML CODE)
2. ไปเปิด Dashboard แล้วเปิด Widgets ทำการเพิ่ม Widgets ข้อความ เราก็จะได้ แถบกล่องข้อความ ปรากฏในไซด์บาร์ทางด้านขวามือ ให้คลิกที่คำว่า แก้ไข
3.ก็จะปรากฏ เป็นกล่องข้อความ ที่แบ่งเป็นสองส่วน ส่วนบนจะแคบ เพื่อให้ใส่ข้อความสั้นๆ เป็นหัวเรื่่อง ส่วนล่างจะมีพื้นที่กว้าง สำหรับใส่ โค้ดของภาพ (HTML CODE) ที่ต้องการจะให้แสดง ที่ได้จากข้อที่ 1.
4. เลื่อนลงมาจนถึงล่างสุด จะมีกล่องข้อความที่มีคำว่า Change กับ Remove ให้คลิกที่ Change
5. เลื่อนลงมาจนสุดจะเห็นกล่องข้อความบันทึกค่า ให้คลิก บันทึกค่า เป็นอันว่าเสร็จค่ะ
6. เปิดลานของเรา ก็จะเห็นภาพที่ต้องการใน ไซด์บาร์แล้วค่ะ
16 ความคิดเห็น
[...] http://lanpanya.com/linhui08/?p=403#respond [...]
อาจารย์ขา ลองแล้วแต่ภาพไม่ขึ้นค่ะ
อาจารย์ขา ลองยกตัวอย่างหน้าตาโค้ดให้ด้วยนะคะ ไม่แน่ใจว่าต้องใส่อย่างไรค่ะ ลองหลายอย่างแล้ว
เอามารายงานว่าทำได้แย้วๆๆๆ เย้ ^ ^
ขอบคุณมากนะคะพี่หลินใจดีจัง …เอ เราเอาไปไว้้ในลานคู่มือฯด้วยดีมั้ยคะพี่หลิน
อาจารย์แป๋วคะ ตัวอย่าง code html ตามข้างล่าง…
<img src=”http://lanpanya.com/linhui08/files/2009/04/momy.jpg” alt=”25เม.ย52″ width=”143″ height=”180″ class=”aligncenter size-full wp-image-395″ />
แป่ว..ข้างบนลอก html ผิดไปหน่อยค่ะเลยไม่มา ..ขอความกรุณาพี่หลินช่วยลบ html ด้วยนะค้า ^ ^
อันที่จริง ปู่หมียักษ์(ตัวจิ๋ว) สอนย่าให้สร้างรูปไว้ใช้ใส่ใน ไซด์บาร์ ย่าเลยใช้รูปล่าสุดที่มีหลานๆ ที่มาหาย่าเมื่อ ๒๕ เมษายน ที่ผ่านมาไง แต่เทคนิดการใส่รูปนั้น ปู่เป็นคนสอนอีกที่ ย่าทำเป็นเลยบอกต่อๆ ให้น้องๆ ชาวลานฯทำเป็นด้วยจ้า ก็ตามสโลแกนของย่า ” รู้แล้วชี้ ” ไงจ๊ะ
นั่งปล้ำอยู่ค่อนคืน กว่าจะทำได้ พบว่าถ้า copy code ของ อ.หลินฮุ่ยไปจะมีปัญหา เพราะเครื่องหมายเป็น ” ” ซึ่งควรจะเป็น “ ”
ของ อ. หลินฮุ่ย
<img src=”http://lanpanya.com/linhui08/files/2009/04/momy.jpg” alt=”25เม.ย52″ width=”143″ height=”180″ class=”aligncenter size-full wp-image-395″ />
ของผมใช้
<img src=”http://lanpanya.com/jogger/files/2009/04/picture1.jpg”>
เห็นรูปแล้วค่ะ ของแสดงความยินดีด้วยค่ะ
อันที่จริงแค่ยกตัวอย่างโค้ดให้ดูตามคำขอ ของอ.แป๋วค่ะ แล้วก็ไปเปิดดูโค้ดรูปที่ใส่ใน ไซด์บาร์ แล้วก็อปปี้ มาให้ดูใน คอมเม้นต์ค่ะ ไม่ได้ตั้งใจให้สอนให้ก็อปปี้โค้ดของคนอื่นค่ะ ควรทำตามที่แนะนำไว้ในบันทึกนะค่ะ ถ้าก็อปตัวอย่างโค้ดในคอมเม้นต์ จะมีเครื่องหมาย “….. ” เพี้ยนไปเป็น ” ” (ฟันหนูหันไปทางเดียวกันค่ะ) อาจสร้างปัญหาได้ค่ะ ระบบคอมิวเตอร์เป็นระบบตรงไปตรงมาค่ะ
ผมถูกวางยาๆๆๆๆๆๆๆๆ อิอิ
มาขอบคุณค่ะ ป้าหวานมาเรียนที่นี่ ขอบคุณอาจารย์ย่า กับ อาจารย์ปู่มากค่ะ
ทำได้แล้ว กิ๊ก กี้ววว ดีใจๆ หลั่น ลัน ล้า…ล้า ล้า ลา ล้า…รัก 2 สว. จังเลย…