Home > Amazon Affiliate, Blogger > ตัวอย่างการใส่ Gadget ใน blogger

ตัวอย่างการใส่ Gadget ใน blogger

ต่อเนื่องจากบทความที่แล้ว เรื่องการเขียนบทความขายสินค้าใน amazon มาถึงบทความนี้ก็เพิ่มเติมวิธีการง่ายๆ สำหรับการใส่ส่วนประกอบอีกอันนึงของ blogger เรียกว่า Gadget (ลักษณะคล้ายกับ widget ใน wordpress) โดยเป็นส่วนที่ถ้าเปรียบกับเสื้อผ้า ก็เหมือน ส่วนที่เป็นส่วนตกแต่งเสื้อผ้า เช่น กระดุม กระเป๋าเสื้อ หรือเครื่องประดับที่ทำให้ blog ดูสวยงามอีกอันนึงครับ ซึ่งส่วนนี้ บางคร้้ง ก็มีส่วนให้เราได้ค่าคอมมิสชั่นจากการขายสินค้า amazon ได้ดีทีเดียว ถ้าเลือกวางได้เหมาะสมนะครับ

จริงๆ ใน blogger มีส่วนที่เป็น gadget เกี่ยวกับ amazon อยู่แล้ว แต่ขอกล่าวถึง กรณีเราจะเอา widget จาก amazon มาใส่ในส่วน gad get ก่อนนะครับ

1. ให้ไปที่หน้าแรกของหน้าจัดการ affiliate สังเกตุตรงส่วนด้านล่างตรง column กลางของหน้าจอ จะมีสินค้า bestsellers ที่น่าสนใจอยู่
(อันนี้เป็นเพียงการยกตัวอย่างนะครับ จริงๆ จะเอาเป็นแบบโค้ด banner ในบทความก่อนหน้านี้ก็ได้ครับ)

เราก็ทำการเลือกหมวดหมู่ ให้ตรงกับ keyword สินค้าใน blog ของเรานะครับ ดังในรูป ผมเลือกเป็นหมวดเสื้อผ้า พอได้ที่สนใจแล้ว ก็คลิกปุ่ม Get link

2. จะมายังหน้าสำหรับคัดลอกโค้ด ในหน้านี้ เราสามารถเลือกว่าเราจะเอาโฆษณา แบบไหนก็ได้ จะเป็นภาพอย่างเดียว (Image only) ตัวอักษรอย่างเดียว (Text only) หรือแบบรวมดังตัวอย่าง (Text and Image) ก็ได้ครับ ในหน้านี้เราสามารถปรับแต่งรูปแบบป้ายโฆษณาได้ตามต้องการ เมื่อรูปแบบถูกใจแล้ว ก็ทำตามขั้นตอนในภาพเลยครับ

3. ให้ login เข้ามายังหน้าจัดการของ blogger แล้วเลือกเมนู การออกแบบ

จะมายังหนัาใหม่ให้คลิก เพิ่ม Gadget ดังรูป

ในหน้านี้ เราจะเลือก gadget ที่จะเอาโค้ดที่ได้จากในข้อ 2 มาใช้งาน ให้เราคลิกเลือกตรงเครื่องหมายบวก ท้ายหัวข้อ HTML/จาวาสคริปต์ ดังรูป

ทำการ วางโค้ด widget ของ amazon จากข้อ 2 ใส่ในส่วนนี้

จากนั้นกดปุ่ม บันทึก เมื่อไปดูในหน้าแสดงผล ก็จะเห็น gadget ดังกล่าวปรากฏในตำแหน่งดังรูป เราสามารถย้ายตำแหน่งได้ โดยทำการคลิกเลือกย้ายตำแหน่งในหน้า การออกแบบ

4. กรณี ต้องการ add gadget เกี่ยวกับ amazon ของ blogger ตอนหลังจากคลิก เพิ่ม gadget ในหน้า popup ก็ให้พิมพ์คำว่า amazon ในช่องค้นหา แล้วก็เลือกเอา gadget ที่สนใจ ใส่ได้ตามที่ต้องการได้ครับ

ยกตัวอย่างที่ผมเพิ่มไปคือ search box ครับ

แต่ส่วนตัวแล้ว ผมชอบใช้แบบใส่โค้ด html ที่ได้จากส่วนของ aff amazon มากกว่าครับ เพราะไม่ค่อยมีปัญหาเรื่องการปรับขนาดให้พอดีกับ blog น่ะครับ ยังไงลองไปทดลองใช้ส่วนต่างๆ ของ blogger ดูนะครับ เพราะถ้าไม่ลองใช้ ก็จะไม่เกิดความชำนาญ และจะทำให้ลำบากในการทำงานขายสินค้าของเราได้

การฝึกฝนใช้งาน ย่อมเป็นผลดีกับตัวเราครับ ดังนั้น อยากให้ลงมือทำ เพื่อให้รู้ผลไปเลยครับ อย่ากลัวกับการลงมือ เพราะการปรับแต่งแก้ไขส่วนต่างๆ นี้ ไม่ได้ก่อผลเสียอะไรร้ายแรง แต่กลับให้ผลตรงข้าม คือทำให้เรามีประสบการณ์มากขึ้นครับ

 

  1. November 27th, 2011 at 07:48 | #1

    ขอบคุณค่า กำลังคิดอยู่เลยว่าใช้ยังไง หนูหัดใช้บล็อคเกอร์อยู่ค่ะพี่ ^^

  2. November 29th, 2011 at 09:49 | #2

    ขอบคุณครับ พอดีใช้ wordpress อยู่ช่วยแนะนำของตัว wordpress ด้วยนะครับท่าน อิอิ *-*

  3. April 30th, 2012 at 04:13 | #3

    ดิฉันเพิ่งลองหัดทำblog แต่ยังไม่ได้ใส่บทความใดๆ ก็ลอง get link โฆษณาของ Amazon เข้ามาใส่ ซึ่งทำตามขั้นตอนที่คุณบอกข้างต้นทุกอย่าง แต่พอ SAVE แล้วเปิดดูก็ไแสดงใน Blog เลยค่ะ

    ก่อนหน้านี้ ลองใส่ link url ของ astore ที่ทำไว้ มันก็โชว์ link เข้าไป astore ได้ แต่ที่อยากได้ก็คือนำโม่ได้ไฆษณาที่เป็นรูปภาพมากกว่า แต่ทำไม่ได้อย่างที่บอกข้างต้นค่ะ รบกวนช่วยแนะนำด้วย

  4. admin
    May 3rd, 2012 at 07:47 | #4

    kun :

    ดิฉันเพิ่งลองหัดทำblog แต่ยังไม่ได้ใส่บทความใดๆ ก็ลอง get link โฆษณาของ Amazon เข้ามาใส่ ซึ่งทำตามขั้นตอนที่คุณบอกข้างต้นทุกอย่าง แต่พอ SAVE แล้วเปิดดูก็ไแสดงใน Blog เลยค่ะ

    ก่อนหน้านี้ ลองใส่ link url ของ astore ที่ทำไว้ มันก็โชว์ link เข้าไป astore ได้ แต่ที่อยากได้ก็คือนำโม่ได้ไฆษณาที่เป็นรูปภาพมากกว่า แต่ทำไม่ได้อย่างที่บอกข้างต้นค่ะ รบกวนช่วยแนะนำด้วย

    ลองเปลี่่ยน theme หรือรูปแบบของบล็อกดูครับ บางทีอาจเกิดจากส่วนนี้

  5. Nung
    February 8th, 2013 at 08:43 | #5

    อีกหนึ่งวันที่มาอ่านต่อและทำไปด้วย ขอคุณมากๆค่ะ

  6. purse
    April 10th, 2013 at 04:28 | #6

    ผมมีปัญหาตอนยืนยันตัวกับ amazon ครับคือสมัครแล้วพอรอโทรศัพกลับมาล่ะเป็นเป็นภาษาอังฤษ ที่ไม่เข้าใจครับ(ภาษาแค่หางแมงหวี่) มีวิทีช่วยมัยครับรบกวนนิดหนึ่งครับหาหลายที่ล่ะ ไม่มีคำตอบเลยครับ

You must be logged in to post a comment.