เพิ่ม Widget โชว์รูปภาพจาก Instagram ใน Blogger

Written By Aucharaporn Theemcle on วันอังคารที่ 18 พฤศจิกายน พ.ศ. 2557 | 06:47

 

นำภาพจาก Instagram มาวางใน blogger

สวัสดีค่ะไม่ได้อัพเดทบทความซะนาน  ช่วงนี้ได้เข้าไปคลุกกับ Social network หลายๆ ที่บ่อยขึ้น ทั้ง Facebook,Instagram,Twitter ฯลฯ เพราะรู้สึกว่าสามารถเชื่อมโยงกับคนทั่วโลกได้นั่นเอง  วันนี้มาชวนเพิ่ม widget เอารุปภาพจาก Instagram มาอวดโชว์บนเวบบล็อกของเรากันค่ะ  เพราะเดี๋ยวนี้เห็นคนไทยใช้ Instagram กันเยอะจริง ๆ

นำ instagram มาวางใน blogger

1. ขั้นตอนแรกเข้าไปสร้าง Widget ที่เวบไซต์ SnapWidget | Instagram Widget 

2. กรอก username ของ Instagram

3. เลือก Hashtag ที่ต้องการนำรูปภาพมาอวดโชว์บนเวบบล็อก

สร้าง code instagram เป็น html

4. เลือกประเภทของ Widget ซึ่งมีหลากหลายรูปแบบ  หลังจากเลือกรูปแบบ สามารถคลิ๊กที่ Preview เพื่อดูการแสดงผล

วาง instaram ใน blog

5.ต่อจากนั้นเลือกขนาดของรูปภาพ  Thumbnail size

6.Widget  Width เลือกขนาดของ widget ที่จะนำมาแสดงผล

7.เลือกให้แสดงผลที่ Auto start scrolling

8,เพิ่ม effect ให้กับรุปภาพที่ Hover effcet

9.คลิ๊ก Preview เพื่อดูการแสดงผล หากไม่ชอบใจสามารถปรับเปลี่ยนการแสดงผลได้

10 เมื่อพอใจ คลิ๊ก Get Widget

วาง instaram ใน blog

11. คัดลอก code จากกรอบสี่เหลี่ยมที่มีให้เอามาวางใน blogger

แต่งบล็อกด้วย Instagram

12. หลังจากล็อกอินใน blogger เข้ามาที่เมนู บล็อกที่ต้องการเพิ่ม widget ไปที่เมนุ รูปแบบ

แต่งบล็อกด้วย Instagram

13. คลิ๊กเพิ่ม Gadget เพื่อนำ code มาวาง

แต่งบล็อกด้วย Instagram

14. เลือก Gadget  HTML/จาวาสคริปต์

แต่งบล็อกด้วย Instagram

15.วางโค้ดที่ได้ลงใน Gadget HTML/จาวาสคริป แล้วกดบันทึก

แต่งบล็อกด้วยภาพจาก Instagram

16. หลังจากนั้นเลือก บันทึกการจัดเรียง

แต่ง blogger ด้วย Instagram

17. แล้วดูผลงานการนำ Widget มาจัดวาง ที่ ดูบล็อก

เพียงแค่นี้ก็เสร็จสิ้นการนำ Widget ของ Instagram มาแปะอวดโชว์ใน blogger เรียบร้อยแล้วค่ะ

0 comments:

แสดงความคิดเห็น