วิธีใส่โค้ด html ลงในบล็อค

Mew's profile┢┦aΡｐy ღ M e wPhotosBlogListsMore

Tools

Help

< Previous Next >

July 06

วิธีใส่โค้ด html ลงในบล็อค

จากที่มีคนถามมานะคะ ว่าทำยังไง

คราวก่อนอธิบายด้วยตัวอักษรไปแล้วอาจจะยังนึกไม่ออก

ดังนั้น เราจะมาทำไปทีละขั้น พร้อมรูปประกอบกันเลยนะ

เราจะใช้โค้ดจากบลอค ข้อความเลื่อน เป็นตัวอย่างประกอบการอธิบายค่ะ

เริ่มต้น รูปนี้เป็นหน้า Edit Blog Entry แบบปกติที่ทุกคนใช้กันอยู่แล้วนะคะ

I. พอเราคลิกที่คำว่า <HTML>ตามข้อ 1.แล้ว เราก็จะเห็นรูปตามข้อ 2. ขึ้นมานะคะ

II. จากนั้น เราก็ copy โค้ด Html ไป paste แทนรูป ข้อ2. นะคะ จะได้เป็นรูปตามข้อ 3. (ในที่นี้ขอใช้โค้ดจากบลอค ข้อความเลื่อน นะคะ

III. แล้วกด <HTML> อีกครั้งนึง ตามข้อ 4. ในรูป เลยค่ะ

IV. ผลที่ได้ ก้อจะเป็นเหมือนรูปข้างล่างนี้นะคะ

V. จากนั้น ให้เอาเม้าส์ ไปวางบนพื้นที่ว่างๆ ขาวๆในรูปนะคะ กดคลิกซ้าย 1 ที จะมี ขอบสี่เหลี่ยมเล็กขึ้นมา 8 อันนะคะ เหมือนในรูปข้อ 5. แบบที่เวลาเราใช้พวกโปรแกรมตกแต่งรูป อย่าง photo shop หรือ paint อ่ะค่ะ ตรงนี้เราสามารถเอาเม้าส์ไปวางที่สี่เหลี่ยมเล็ก แล้วลากเพื่อ ย่อ-ขยาย ขนาดของขอบได้ตามความต้องการ

VI. ถ้าเราเอาเม้าส์ มาคลิกตรงรูปภาพ 1 ที ก็จะปรากฎขอบสี่เหลี่ยมที่รูปภาพ ให้เราย่อขยายขนาดได้ เหมือนกันค่ะ ตามข้อ 6.

VII. จากนั้นมาเขียนข้อความกันค่ะ ให้ดับเบิ้ลคลิก ไปตรงส่วนที่เป็นตัวหนังสือ อย่างในรูปข้อ 7. อ่ะค่ะ

VIII. แล้วจะมีขอบสี่เหลี่ยม เหมือนอย่างในรูปข้อ 8. โผล่ออกมานะคะ

IX. ทีนี้เราก็ลงมีพิมข้อความได้เลยค่ะ จะเอายาวแค่ไหน กี่บรรทัดก็ได้ตามรูปข้อ 9. ค่ะ

X. เมื่อทำทุกอย่างเสร็จ ตกแต่งพอใจแล้ว กด Publish Entry ตามข้อ10. เลยค่ะ แล้วก็ไปชมผลงานของตัวเองในหน้าพรีวิวได้เลย

วิธีที่ทำให้ดูนี้สามารถเอาไปประยุกต์ใช้กับการใส่โค้ดอื่นๆได้นะคะ
ขอให้สนุกกับการแต่งบลอคกันทุกคนนะจ๊ะ

ลองเอาไปทำกันดูนะ ถ้ายังมีข้อสงสัยตรงไหนอีกก็เม้นไว้ แล้วจะมาตอบให้ค่ะ

11:58 PM | View trackbacks (1) | Blog it | Html ZonE

Comments (432)

To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in

Don't have a Windows Live ID? Sign up

	Love'swrote: งง เหมืองกังอ่ะ..ทำไงก็ทำไม่เป็งอ่ะ แย่จัง Nov. 16
	สุชญา บุญศรีwrote: หาไม่เจออ่า หาจนปวดหัว แว๊ว!! ช่วยหน่อยดิ นะ นะ แต่งยังไงก้อเหมือนเดิม ทำไม่เปงง่า TT_TT May 25
	นู๋ว วว์ หนุนwrote: ขอบคุงนะค่ะ Feb. 20
	nunid wrote: งง งง ทามม่ายเปง งะ Nov. 29
	No namewrote: wow power leveling wow gold World of Warcraft gold wow gold wow powerleveling wow powerleveling Rolex rolex replica replica rolex Runescape Gold RuneScape Money powerleveling powerleveling powerleveling powerleveling powerleveling power leveling power leveling power leveling powerleveling power leveling Watches Rolex Rolex Watches Watch Rolex Rolex Watch rs gold wow wowgold gold wow cheap wow gold buy wow gold lotro gold wow gold -383878316798186 Sept. 5
	No namewrote: Welcome to enter (wow gold) and (wow power leveling) trading site, (Rolex) are cheap, (World of Warcraft gold) credibility Very good! Quickly into the next single! Key words directly to the website click on transactions! -368812925580447 Aug. 21
	~.ta.~wrote: อยากเอาแบบว่าพวกนาฬิกาอะไรปรามาณนี้มาใส่ในสเปซมั่งอ่าค่ะ ทำได้หรือป่าวค่ะ แบบที่เราเอาไปลงในไฮไฟว์อ่าค่ะ Feb. 9
	พศวีร์wrote: มันได้ตอนพิมพ์ แต่พอประกาศข้อมูล มันไม่ยอมออกมาครับ Jan. 13
	เข้น้อยตัวจ้อย หัวใจติดดินwrote: <DIV style="WIDTH: 99%"><IMG style="FILTER: alpha(opacity=70, finishOpacity=0,style=0); WIDTH: 94.14%; HEIGHT: 222px" height=200 src="http://img20.imageshack.us/img20/728/hotanimation1fb8.gif" width=200 align=right border=1> <DIV style="FLOAT: left; WIDTH: 99%; HEIGHT: 133px" align=center> <P align=center><FONT color=#663300> </P> <P>ข้อความ</P> <P>ของคุณ</P> <P>...</P></FONT></DIV></DIV> Dec. 18
	Supannasa EGTwrote: ยากจังอ่านแล้วก็ยังงง สงสัยแก่เกินเล่นแล้วมั้ง.... Dec. 17
	imKFCwrote: แวะมาเยี่ยม ค่ะ Dec. 10
	~`JibiMaru`~ちびまるwrote: T^Tลงรูปแบบมะมีกรอบนิทำไงอะค่ะ มึนปายหมดละTT^TT Dec. 5
	No namewrote: ได้อีกแล้วคับ แค่ใช้ซิม Truemove ก็มีรายได้ 300-1,200 บ./วัน ธุรกิจเครือข่ายแนวใหม่ ที่ง่ายกว่าที่คุณคิด! ไม่ว่าคุณร่วมธุรกิจกับบริษัทใดอยู่ หรือมีอาชีพใด เราขอแนะนำการสร้างรายได้ที่ไม่ว่าใครก็ทำได้จริง โดยที่คุณยังสามารถทำธุรกิจเดิมหรืออาชีพเดิมของคุณได้อย่างสบายใจ ดูรายละเอียดเพิ่มเติมที่นี้ http://BallClassicchemthailand.blog.mthai.com Nov. 18
	AppLe R.wrote: ขอบคุณมากมาย Nov. 11
	ชีวิตคืออะไร .............wrote: ต้องลองคับ ขอบคุณน่ะ Nov. 1
	Theerakarnwrote: แล้วโค้ด สเตตัสบาร์ล่ะคะ เอาใส่ในสเปซได้รึป่าวอ่ะ รบกวนช่วยตอบให้ด้วยนะคะ ขอบคุณมากๆล่วงหนาเลยค่ะ ^^ Oct. 29
	pirawan sookpadwrote: กำลังพยายามอยู่ค่ะ ยังงงๆอยู่ แต่จะพยายามค่ะ แล้วโค้คแต่ละอย่างจะรู้ได้ไงล่ะคะ Oct. 27
	surasak kaenketwrote: แวะมาหาความรู้ ยังไม่รู้ว่าจะได้ทำเมื่อไหร่ ขอบคุณนะครับ Oct. 25
	Genie Magicwrote: ตอนแรกก้อ งงๆอ่ะค่ะ ทำไม่เปนเรย เพิ่งหัดทำสเปซเอง ยังไงก้อจาพยามนะคะ แต้งกิ้ว!! Oct. 11
	i - mongwrote: กว่าจะทำได้ แต่งยากกว่าไดอีกนะน่ะ เห้อ... เหนื่อยจิงๆ ขอบคุณมากนะค๊าบบบบ แก้ใขเกิน 20 รอบอ่ะ เห้อ..... พี่ค๊าบๆ ผมอยากรู้ ว่า... เฮท สเปชอ่ะ ทำยังไง อ่อ??? ใช่มะเค้าเรียกไรอ่ะ ไม่รู้ดิ ไงก้อเข้ามาบอกไม่ก้อ บอกในสเปชพี่ไว้นะค๊าบ ผมจะมาคอยเช็คดูอ่ะฮะ ขอบคุณค๊าบ Oct. 3

Next > Last >>

Trackbacks (1)

Weblogs that reference this entry

Talking about วิธีใส่โค้ด html ลงในบล็อค