Bloggang.com : ผู้หญิงขี้รำคาญ : การเขียนบล็อก III-การใส่รูปภาพให้กับกล่องคอมเม้น

การเขียนบล็อก III-การใส่รูปภาพให้กับกล่องคอมเม้น

จะใส่ภาพให้กับกล่องคอมเม้นอย่างไร ??

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

จริงๆ แล้วเรื่องการใส่ภาพให้กับกล่องคอมเม้น แมวเคยมีตอบเอาไว้ในบล็อกหลายครั้งแล้ว แต่ตอนนี้ รวบรวมมาเก็บไว้ที่กลุ่มนี้ดีกว่า เพื่อที่จะได้สะดวกสำหรับมือใหม่ในการแต่งบล็อก เพราะปัจจุบันบล็อกทั้งหมดปาเข้าไป 324 บล็อกละ (ทำไมมันเยอะอย่างนี้ก็ไม่รู้ ^O^)

Code: (โค้ดนี้วางที่ช่องการจัดการ Script Area ค่ะ)

<style type="text/css"> textarea {background-image:url(URL ของรูป); border-style: inset; color: สีตัวหนังสือ ; font-size: 13pt; height: ความสูงของกล่องคอมเม้นpx ; width: ความกว้างของกล่องคอมเม้นpx ; } </style>

หมายเหตุ – การตั้งค่าความกว้างและความสูงของกล่องคอมเม้น หากจะให้ดี ควรตั้งให้เท่ากับความกว้างความสูงของรูปภาพที่จะนำมาใช้นะค่ะ

อธิบายโค้ดตรงส่วนที่เป็นตัวหนังสือสีแดง ดังนี้ค่ะ

ความกว้าง+ความสูง ให้กำหนดตามขนาดของรูปที่จะเอามาทำรูปกล่องคอมเม้นนะค่ะ

Color=สีตัวหนังสือ เป็นสีตัวหนังสือเวลาที่เราพิมพ์ในกล่องคอมเม้น สามารถเปลี่ยนสีตัวหนังสีเป็นสีอื่นๆ ตามที่ชอบได้ค่ะ

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

เห็นกันแล้วใช่มั๊ยค่ะว่าไม่ยากเลย เดี๋ยวตอนหน้า มาต่อกันด้วยเรื่องการเปลี่ยนสีตัวหนังสือในบล็อก รวมถึงการเปลี่ยนสีลิ้งค่ะ

Create Date : 24 มิถุนายน 2552

Last Update : 17 กรกฎาคม 2552 14:31:32 น.

17 comments

Counter : 701 Pageviews.

สวัสดียามบ่ายคะมาเจิมคนแรกเลย

โดย: kobnon

วันที่: 24 มิถุนายน 2552 เวลา:16:03:40 น.

ตามมาเรียนด้วยจ้า
ว่างๆช่วยตอบเรื่องหัวบล็อคให้ด้วนนะจ๊ะ

โดย: หน่อย (noi&poj

) วันที่: 24 มิถุนายน 2552 เวลา:17:54:03 น.

ตอบคุณหน่อย (noi&poj) ค่ะ

เรื่องที่คุณถามมาเกี่ยวกับภาพหัวบล็อกแล้วไปโผล่ที่ใต้นาฬิกา ไม่น่าจะเกิดจากโค้ดผิดนะค่ะ เพราะได้เทสโค้ดที่อีกบล็อกหนึ่งแล้ว

โค้ดหัวบล็อกต้องวางที่ช่อง ตั้งชื่อสโลแกนนะค่ะ ถ้าวางผิดช่องไปวางที่ Script Area มันจะไปปรากฎด้านขวามือ

ตอนนี้ดูไม่รู้ค่ะว่าผิดตรงไหน ถ้าไง ลองก็อปปี้โค้ดที่ว่ามาให้ดูก่อนนะค่ะ

โดย: maew_kk

วันที่: 24 มิถุนายน 2552 เวลา:19:43:40 น.

ขอบคุณมากค่ะ
เข้ามาเก็บความรู้ค่ะ

โดย: คบคนด้วยใจ

วันที่: 24 มิถุนายน 2552 เวลา:20:11:44 น.

สวัสดีค่ะ

พี่กำลังพยายามจะเปลี่ยน emoticon ก็อป url มาแปะทีละอัน แต่พอเอามาวางแล้วมันไม่ขึ้น ขอคำแนะนำด้วยค่ะ

โดย: แม่ปุ้มปุ้ย

วันที่: 24 มิถุนายน 2552 เวลา:21:59:58 น.

ตอบแม่ปุ้มปุ้ยค่ะ
เรื่องโค้ดที่เปลี่ยนรูปอีโมนั้น ต้องใช้โค้ดอีกแบบค่ะ ก็อปปี้โค้ดที่มีมาเปลี่ยนรูปมันไม่โชว์ค่ะ

การทำรูปอีโมแนะนำให้ไปดูิวิธีที่บล็อกคุณ thattron ดีกว่าค่ะ ตามลิ้งนี้เลยค่ะ บล็อกสอนเปลี่ยนรูปอีโมของคุณ thattron click!!

อีโมของแมวยังเดิมๆ อยู่เลยนะเนี่ย สงสัยต้องเปลี่ยนบ้างซะละ

โดย: maew_kk

วันที่: 24 มิถุนายน 2552 เวลา:23:20:30 น.

เปลี่ยนตัวหนังสือเป็นภาษาไทย ทำไงคะ

ขอบคุณมากค่ะ

โดย: Elbereth

วันที่: 25 มิถุนายน 2552 เวลา:7:56:24 น.

ตอบคุณ Elbereth ค่ะ

จะบอกว่าไม่ค่อยจะเข้าใจคำถามเลยค่ะ

ตามปกติเราก็เลือกภาษาจากปุ่มบนคีย์บอร์ดอยู่แล้วนี่ค่ะ

โดย: maew_kk

วันที่: 25 มิถุนายน 2552 เวลา:10:04:34 น.

โดย: maew_kk

วันที่: 25 มิถุนายน 2552 เวลา:11:48:19 น.

โดย: พรหมญาณี

วันที่: 25 มิถุนายน 2552 เวลา:12:43:10 น.

สวัสดีจ้า

สบายดีไหม

หายไปนานมาก ลืมหมดเล้วขอมาเรียนที่นี่แล้วกันนะ

ขออนุญาตยืมภาพงามๆ ด้วยนะจ๊ะ (ขอไว้ก่อนเลย)

โดย: แมวเหนือ

วันที่: 25 มิถุนายน 2552 เวลา:23:07:54 น.

เข้ามาอ่านเอาความรู้
เปลี่ยนสีได้สวยมากมาย อยากทำบ้างคะ

โดย: brackleyvee

วันที่: 26 มิถุนายน 2552 เวลา:21:53:01 น.

ดีใจจังที่คุณแมว เริ่มสอนมือใหม่แล้ว

มีหลายคนถาม ยายเก๋าก็อธิบายไม่เก่ง เก่งแต่ไปค้นหารูปต่างๆมาอัพบล๊อค

ขอบคุณด้วยในความน่ารักมีน้ำใจ ขอให้สอนต่อไปเรื่อยๆนะค๊ะ หาคนสอนยาก บางครั้งเรื่องง่ายๆ มือใหม่ก็ยังงงๆ

วันนี้มาก๊อปปี้ อีโมชั่นไปเรียบร้อยแล้วค่ะ ด่อยสดใสไม่เบื่อ เพราะรูปเดิมใช้มาเกือบสามปี

โดย: ยายเก๋า (ชมพร

) วันที่: 27 มิถุนายน 2552 เวลา:21:49:28 น.

ขอบคุณมากๆ ค่ะ

โดย: T+c+ake Time 2002

วันที่: 11 กรกฎาคม 2552 เวลา:2:42:07 น.

ขอบคุณนะคะ :))

โดย: Charlie (sierra whiskey charlie

) วันที่: 19 กรกฎาคม 2552 เวลา:20:32:51 น.

ขอบคุณมากๆเลยเจ้าค่า เป็นมือใหม่กำลังงงอยู่เลย พออ่านแล้วทำตามพอเข้าใจอยู่ค่ะ งมมาสองวันแล้ว ดีใจจัง

โดย: จิ๊กโก้น้อยริมเมย (คุณชายจอมเจตน์

) วันที่: 25 มีนาคม 2553 เวลา:22:50:55 น.

โดย: maew_kk

วันที่: 30 มีนาคม 2553 เวลา:9:10:13 น.