วิธีเพิ่มวิดเจ็ตในบล็อกเกอร์: 13 ขั้นตอน (พร้อมรูปภาพ)

สารบัญ:

วิธีเพิ่มวิดเจ็ตในบล็อกเกอร์: 13 ขั้นตอน (พร้อมรูปภาพ)
วิธีเพิ่มวิดเจ็ตในบล็อกเกอร์: 13 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีเพิ่มวิดเจ็ตในบล็อกเกอร์: 13 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีเพิ่มวิดเจ็ตในบล็อกเกอร์: 13 ขั้นตอน (พร้อมรูปภาพ)
วีดีโอ: เรียนรู้การตัดเย็บเสื้อผ้า ตอน 1 : สนุกเรียน (28 ต.ค. 63) 2024, อาจ
Anonim

วิกิฮาวนี้จะแนะนำวิธีการเพิ่มแกดเจ็ต ซึ่งเป็นคำศัพท์ของ Google สำหรับวิดเจ็ต ลงในบล็อก Blogger ของคุณ วิดเจ็ตเพิ่มทางลัดหรือคุณสมบัติเพิ่มเติม เช่น เคาน์เตอร์ผู้เยี่ยมชมหรือปุ่มไลค์/ติดตามโซเชียลมีเดีย ลงในบล็อกของคุณ

ขั้นตอน

เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 1
เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 1

ขั้นตอนที่ 1. ไปที่บล็อกเกอร์

ใช้ลิงก์ทางด้านซ้ายหรือพิมพ์ "www.blogger.com" ลงในหน้าต่างเบราว์เซอร์

เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 2
เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 2

ขั้นตอนที่ 2 คลิกที่ ลงชื่อเข้าใช้

ที่มุมขวาบนของหน้าต่าง

เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 3
เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 3

ขั้นตอนที่ 3 เข้าสู่ระบบด้วย Google ID ของคุณ

หากบัญชี Google ของคุณปรากฏบนหน้าจอ ให้คลิกที่บัญชีนั้น มิฉะนั้น ให้คลิกที่ เพิ่มบัญชี.

เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 4
เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 4

ขั้นตอนที่ 4 ป้อนรหัสผ่าน Google ของคุณและคลิกที่ลงชื่อเข้าใช้

เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 5
เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 5

ขั้นตอนที่ 5. คลิกที่ ?

ข้างชื่อบล็อกที่ปรากฏใต้คำว่า "Blogger" ที่มุมซ้ายบนของหน้าต่าง

เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 6
เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 6

ขั้นตอนที่ 6 เลือกบล็อก

ในเมนูแบบเลื่อนลง ให้คลิกที่ชื่อบล็อกที่คุณต้องการเพิ่มแกดเจ็ต จะอยู่ในส่วน "บล็อกล่าสุด" หรือ "บล็อกทั้งหมด"

เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 7
เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 7

ขั้นตอนที่ 7 คลิกที่เค้าโครง

ทางซ้ายของหน้าต่างในเมนูแดชบอร์ดของ Blogger

เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 8
เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 8

ขั้นตอนที่ 8 เลื่อนลงและคลิกที่ ➕ เพิ่มแกดเจ็ต

เลือกปุ่มในส่วนของเลย์เอาต์ที่คุณต้องการให้แกดเจ็ตปรากฏ เช่น ข้ามคอลัมน์หรือแถบด้านข้าง

เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 9
เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 9

ขั้นตอนที่ 9 เลื่อนลงและเลือกแกดเจ็ต

ชุดแกดเจ็ตที่ปรากฏขึ้นโดยอัตโนมัติคือ "พื้นฐาน" ที่เป็นวิดเจ็ตของบล็อกเกอร์ดั้งเดิม

  • คลิกที่ อุปกรณ์เพิ่มเติม ที่มุมซ้ายบนของหน้าต่างเพื่อดูรายการวิดเจ็ตของบุคคลที่สามที่พร้อมใช้งานสำหรับบล็อกของคุณ
  • คลิกที่ เพิ่มของคุณเอง ที่มุมซ้ายบนของหน้าต่างเพื่อเพิ่มวิดเจ็ตโดยใช้ URL

    หากต้องการเพิ่มวิดเจ็ต HTML หรือ JavaScript ที่กำหนดเอง ให้เพิ่มแกดเจ็ต HTML/JavaScript จากเมนู "พื้นฐาน" และป้อนโค้ดของวิดเจ็ตในกล่องโต้ตอบที่ปรากฏขึ้น

เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 10
เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 10

ขั้นตอนที่ 10. คลิกที่ ➕

ทางขวาของชื่อ Gadget

เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 11
เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 11

ขั้นตอนที่ 11 ปรับแต่งแกดเจ็ตของคุณ

เพิ่มหรือเปลี่ยนชื่อแกดเจ็ตตามที่คุณต้องการให้ปรากฏบนบล็อกของคุณ

เพิ่มหรือแก้ไขข้อความหรือข้อมูลเพิ่มเติม เช่น โค้ด HTML หรือ JavaScript ที่วิดเจ็ตจะต้องทำงานอย่างถูกต้อง

เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 12
เพิ่มวิดเจ็ตใน Blogger ขั้นตอนที่ 12

ขั้นตอนที่ 12. คลิกที่บันทึก

ที่มุมล่างซ้ายของกล่องโต้ตอบ

เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 13
เพิ่มวิดเจ็ตในบล็อกเกอร์ ขั้นตอนที่ 13

ขั้นตอนที่ 13 คลิกที่บันทึกการจัดเรียง

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

วิดีโอ - การใช้บริการนี้ อาจมีการแบ่งปันข้อมูลบางอย่างกับ YouTube

เคล็ดลับ

  • เมื่อเพิ่มวิดเจ็ตของบล็อกเกอร์หรือวิดเจ็ตที่กำหนดเองลงในแถบด้านข้างของบล็อก ให้สังเกตขนาดความกว้างของพิกเซลเพื่อให้แน่ใจว่าพอดีและมองเห็นได้ภายในแถบด้านข้างของคุณ หากคุณกำลังใช้เทมเพลต Blogger คุณสามารถปรับความกว้างของแถบด้านข้างได้โดยใช้เครื่องมือออกแบบเทมเพลตบนแท็บออกแบบเพื่อให้เหมาะกับวิดเจ็ตของคุณ
  • แต่ละครั้งที่คุณใช้คุณลักษณะ "เพิ่มแกดเจ็ต" ในบล็อกเกอร์ วิดเจ็ตใหม่ของคุณจะปรากฏที่ด้านบนสุดของการจัดวางเหนือวิดเจ็ตอื่นๆ ของคุณเสมอ คุณจะต้องลากและวางวิดเจ็ตใหม่ของคุณไปยังตำแหน่งที่ต้องการ
  • เมื่อเพิ่มวิดเจ็ตโดยใช้เครื่องมือ "เพิ่มแกดเจ็ต" ภายใน Blogger คุณมีตัวเลือกในการป้อน URL สำหรับแกดเจ็ตที่คุณต้องการเพิ่มจากภายนอก Blogger คลิกลิงก์ที่ระบุว่า "เพิ่มของคุณเอง" แล้วพิมพ์ชื่อเว็บไซต์ที่คุณต้องการเพิ่ม

แนะนำ: