{How to} วิธีนำภาพจาก Google Drive มาใช้งานลงบล็อกอย่างง่ายๆ #1

โดยปกติหากใครใช้ Google Drive ฝากไฟล์ จะทราบกันดีว่ามันสะดวกนะ สำหรับฝากและส่งลิ้งให้ดู แต่พอเป็นกรณีที่ต้องนำภาพนั้นมาแปะลงประกอบบล็อก หรือเว็บบอร์ด มันแทบจะเป็นไปไม่ได้เลย แต่มันทำได้เว้ย! มาดูกัน!

บอกตรงๆ ว่าเมื่อก่อนเราใช้ Photobucket ในการเก็บภาพมาหลายปีมาก จนวันหนึ่งมันทรยศ เกิดบังคับให้เราเสียเงินซะอย่างนั้นเพื่อจะได้เข้าถึงรูปเรา เราเลยต้องแสวงหาที่เก็บไฟล์ใหม่ ซึ่ง Google Drive เองก็เป็นทางเลือกที่ง่าย และสะดวกมากกว่ามาก รวมถึงราคาน่าจ่ายเพื่อพื้นที่ที่เพิ่มขึ้นมากกว่าไปอีก

แต่การจะนำภาพจาก Google Drive มาใส่ในเว็บค่อนข้างยาก โดยเฉพาะการที่นำมาแปะแต่ภาพ ไม่มี scale หรือตัวปุ่มลิ้งไปหาภาพที่แสดงบน Drive ตรงๆ เพราะทาง Google Drive ไม่ได้แสดงผลภาพของเราด้วย Ditect Permalink หรือลิ้งตรงของภาพนั่นเอง ทำให้เราต้องพยายามทำให้ภาพของเรามีลิ้งตรงให้ได้

แต่ก่อนไปถึงตรงนั้น เราจะต้องจัดการตั้งค่าอะไรนิดหน่อยใน Google Drive เสียก่อน โดยการ…

1. เปิดหน้าของโฟลเดอร์ที่มีภาพที่เราต้องการขึ้นมา

2. คลิกขวาบนรูปภาพที่ต้องการนำไปใช้ เลือกคำสั่ง “Get Shareable link”

3. ยังไม่ต้องใจร้อนเอา Link ที่แชร์ได้ไปใช้เลยนะคะ ตอนนี้ต้องไปปรับตั้งค่าที่ Advance ขึ้นก่อน โดยการเลือก Sharing setting

ตรงนี้จะไปตั้งค่าได้สองวิธีคือ…

3.1 คลิกตรง Advance ในหน้า Share with others

3.2 คลิกคำสั่ง Change ตรงหัวข้อ Who has access ตรงนี้คือการตั้งค่าว่าใครสามารถเห็นภาพ หรือไฟล์ของเราได้บ้าง

3.3 ตั้งค่า Link Sharing ให้เป็นข้อแรก On – Public on the web แบบนี้ทุกคนไม่ว่าจะมีล็อกอินบัญชีของ Google หรือไม่มี ใครก็ได้ ก็สามารถเข้าชมภาพนี้ได้แล้ว เสร็จจากตรงนี้กด Save

3.4 เมื่อกด save แล้ว web จะลิ้งกลับมาหน้านี้ ให้เช็คตรง Who has access ว่าเป็นไปตามที่เราตั้งค่าไว้ดังภาพ ก่อนจะกดคลิก Done

หรือเพื่อทางสะดวกกว่านั้น จากข้อ 3.1 เราสามารถเลือกตรงแถบ Link Sharing on ที่มีสามเหลี่ยมชี้ลงเพื่อเลือกคำสั่ง Sharing แบบต่างๆ ได้เลย ในที่นี้เราจะเอาไปใช้กับเว็บที่ใครทุกคนต้องมองเห็น ก็ให้เลือก “Anyone on the Internet can find and view”

จบแล้วคลิก Done เป็นอันเสร็จสิ้นการตั้งค่าเพื่อให้ทุกคนเข้าถึงภาพของเราได้

4. นำเอาลิ้ง Share ไปตามหา Direct Permalink ตรงนี้แหละที่เราจะต้องพึ่งพาเว็บภายนอกเพื่อหาลิ้งโดยตรงสำหรับภาพนั้นๆ 

ก็แค่ copy link sharing จากตอนที่แล้วมา (หลังตั้งค่าเสร็จแล้วนะ) สำหรับเว็บที่จะช่วยเราหา Direct Link สำหรับไฟล์ภาพบน Google Drive ของเราคือ…

อะไรทำนองนี้ มีอีกก็จะหามาเพิ่มอีก แต่จะทำให้ดูของเว็บแรก คือ gdurl.com เข้าเว็บไปจะเจอหน้านี้

โฆษณาเยอะหน่อย ถือว่าใช้ของฟรีก็ต้องช่วยเหลือกันเนอะ เอา Link ไปวางในช่องที่ระบุไว้ แล้วคลิกคำสั่งด้านล่าง Create Permalink 

ก็จะได้ Permalink ฉบับย่อมา พร้อมตัวอย่างว่าลิ้งจะทำงานอย่างไรเมื่อแสดงผลบน website ให้เรานำลิ้งนั้นไปใช้วางร่วมกับโค้ดต่างๆ ได้เลย เช่น ในกรณีของ wordpress ก็จะใส่ด้วยอุปกรณ์ Add media แล้ว insert from url ก็ได้ และโค้ดจะอยู่ในรูปแบบนี้ในหลังบ้าน (HTML)

<img class=”alignnone size-selatestimonialthumbnail” src=”ลิ้งภาพ/permalink” width=”ความกว้างภาพ” height=”ความสูงภาพ” />

ส่วนเว็บบอร์ดอื่นๆ อาจจะใช้รูปแบบ…

[IMG] ลิ้งภาพ/permalink [/IMG]

ก็สามารถแสดงผลได้เช่นเดียวกัน อยู่ที่ระบบโค้ดของที่ๆ เรานำไปลงนะคะ

ตัวอย่างบล็อกที่เราลองใช้วิธีนี้ในการลงภาพ >> C L I C K <<

หวังว่า How to นี้จะเป็นประโยชน์นะคะ ถ้าหากเจอวิธีอื่นๆ หรือเรื่องราวโค้ดบล็อกง่ายๆ จะแวะมาแชร์กันใหม่ค่ะ ตอนนี้ลากันไปก่อน บะบุย

XOXO
Deadlydoll

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s