.. เรื่องเล่าเล็กๆ ของถั่วลันเตาเขียวๆ..

นอกจากเรื่องเล่าต่างๆ รอบๆตัวเรา ที่หยกนำมาเล่าสู่กันฟังแล้ว

ก็ฟังเพลงเพราะๆ ความหมายดีๆ ประกอบไปด้วย..

คงช่วยให้วันหรือช่วงเวลาที่น่าเบื่อของคุณ ดีขึ้นบ้างล่ะ..เนาะ ^^


15.3.10

How to : Get HTML Code of Photos for Blog

หลายๆคน เข้ามาอ่านบล็อกต่างๆ แล้วเกิดความสนใจ
เออ.. อยากมีบล็อกของตัวเองบ้างนะ
แต่ก็ยังคงติดขัดในอะไร หลายๆอย่าง
หนึ่งในการ ทำบล็อก ที่มือใหม่ยังคงติดขัดอยู่
ก็คือการลงรูปต่างๆในบล็อก
ในบล็อกจะมีแต่ตัวหนังสืออย่างเดียว มันก็น่าเบื่อเกินไป
จะลงรูปก็ มันเอาลงยังไงกันล่ะหว่า?? -"-??

การลงรูปในบล็อก หรือกระทู้อะไรต่างๆนั้น
เป็นการใช้สูตร หรือโค้ด
แล้วไอ้โค้ดที่ว่านี่ ไปเอามาจากไหนกันหนอ? (_ _')??

วันนี้ก็เลย ลง How to ให้มือใหม่หัดทำบล็อก ได้เรียนรู้และหัดกันค่ะ..
^_________________^

เริ่มต้นเราต้องได้มาซึ่งโค้ดก่อนเลยค่ะ
การให้ได้มาซึ่งโค้ดนั้นง่ายอยู่
คือเราก็ต้องทำการ Host รูป ตามเว็บไซต์โฮสรูปก่อน
แล้วเค้าจะให้โค้ดเรามา

เว็บโฮสรูปที่ใช้กันเป็นที่นิยมมีหลายเว็บด้วยกัน
แต่ที่หยกใช้อยู่คือ http://imageshack.us ค่ะ
Image Hosted by ImageShack.us

เว็บนี้เราสามารถโฮสรูปได้เลยโดยที่ไม่ต้องสมัครสมาชิกก็ได้
แต่หยกแนะนำให้สมัครดีกว่า
เพราะเราสามารถ ใช้รูปที่โฮสไว้ ได้หลายครั้ง
อยากใช้เมื่อไร ที่ไหน ก็ได้ทันที..

เอากรณีขาจรก่อนแล้วกันเนาะ..
เข้าเว็บมาก็จะหน้าตาแบบนี้ค่ะ (ยังไม่ได้เป็นสมาชิกอ่ะนะ)
Image Hosted by ImageShack.us

คลิกตรง Browse แล้วก็เลือกรูปจากคอมฯ สามารถอัพโหลดรูปได้ทีเดียวหลายรูปค่ะ
โดยการกด Ctrl ค้างไว้ ตอนคลิ้กเลือกรูปค่ะ
Image Hosted by ImageShack.us

หากรูปใหญ่มาก ก็ควรย่อรูปเสียหน่อยค่ะ
หรือขนาดรูปไม่เท่ากัน ก็กำหนดให้เท่ากันได้
โดยการ คลิกตรงลูกศรตรง Image size ค่ะ

Image Hosted by ImageShack.us

แล้วก็เลือกเอาว่า ต้องการให้รูปใหญ่เล็กแค่ไหน
แนะนำขนาด 320x240 ค่ะ สำหรับลงบล็อก
แต่ถ้ารู้สึกว่าเล็กไป ก็ใช้ขนาด
640x480 แล้วมารีไซส์อีกรอบตอนเขียนบล็อกก็ได้

เมื่อเลือกรูปได้แล้ว ก็กด Upload ได้เลยค่ะ
Image Hosted by ImageShack.us

แล้วก็จะได้โค้ดต่างๆให้เลือกใช้งาน ตามความเหมาะสมค่ะ
Image Hosted by ImageShack.us
HTML code - สำหรับลงรูปในบล็อก หรือ signature
ในอีเมลของ yahoo, hotmail ก็ตัวนี้เลยค่ะ..
Direct Link - สำหรับก้อบไปใส่ตรง address
ด้านบนของหน้าต่าง Internet Explorer น่ะ
(ตรงที่เราใส่ website address น่ะ นึกออกมะ)
หรือเอาไปใช้กับโค้ดอื่น เช่น [IMG] ตามกระทู้ค่ะ

มาถึงกรณี สมัครเป็นสมาชิกค่ะ
เมื่อเราเข้ามา Homepage ของเว็บนี้
สมัครสมาชิกได้ ตรงขวามือบนค่ะ

Image Hosted by ImageShack.us
เมื่อสมัครสมาชิกแล้ว ตรงขวามือบนจะเปลี่ยนเป็น ชื่อเรา (Username)
เวลาเข้ามาเว็บนี้ (ตอนล็อกอิก อย่าลืมเลือกให้ always log in ด้วยนะ)
ก็โฮสรูปได้เลย ตามที่บอกไว้ข้างบน แล้วรูปก็จะไปอยู่ในส่วนของ my images
เวลาจะดูรูปเก่าๆที่โฮสไว้ ก็คลิ้กตรง (my images) ได้เลย
ข้างๆ username ของเรา ด้านบนขวามือน่ะค่ะ

Image Hosted by ImageShack.us

เราสามารถโฮสรูปจากหน้าของ my images ได้ที่ด้านขวามือตรง Action ค่ะ
Image Hosted by ImageShack.us
เลือก Upload Multiple Images เพื่อการโหลดรูปทีเดียวหลายๆรูป
(ก็กด Ctrl ค้างไว้ตอนเลทอกรูปน่ะ)

รูปต่างๆที่โหลดไว้ ก็จะออกมาแบบนี้
เวลาจะใช้โค้ด ก็กดตรง ไอคอน i ข้างรูปค่ะ
Image Hosted by ImageShack.us

ก็จะมีหน้าต่างเด้งขึ้นมาแบบนี้
แนะนำให้ติ้ก Include detail ออก เพราะถ้าไม่เอาออก ก็จะมีข้อความพ่วงมากับรูป
(พวกข้อความโฆษณาเวปที่เราโพสรูปน่ะ เกะกะเปล่าๆ)
Image Hosted by ImageShack.us


แล้วก็เลือกโค้ดเอาตามการใช้งานค่ะ
Image Hosted by ImageShack.us
ถ้าเอาไปใช้ใน การลงบล็อก ก็ใช้โค้ดตรงช่อง Sites ค่ะ

แค่การลงโค้ดในบล็อก หรือใช้โค้ดในsignature ลงท้ายของ อีเมลล์นั้น
ไม่ใช่ว่า copy n paste ได้เลยหนา
บางบล็อกต้องเปลี่ยน หรือเข้าไปในส่วนของ Html ก่อน

การลงรูปในบล็อกของ Blogspot.com นั้น
หยกจะเอามาลง How to ให้อีกคราวต่อไปแล้วกันน๊า..

No comments: