เรียนรู้วิธีสร้าง "ปุ่ม" สำหรับแถบเครื่องมือของ Google

วัสดุ:

ขั้นตอนที่ 1: รับแถบเครื่องมือ

ไปที่ http://toolbar.google.com/T4/ เพื่อไปรับเบต้าทูลบาร์ของ Google

ขั้นตอนที่ 2: ค้นหาโฟลเดอร์

โฟลเดอร์เริ่มต้นที่เราจะจัดเก็บปุ่มของเราอยู่ที่:

"C: Documents และ Settings Administrator Local Settings Application Data Google"

ขั้นตอนที่ 3: ดูตัวอย่าง

ตัวอย่างที่ดีของไฟล์ปุ่มคือชื่อไฟล์:

toolbar.google.com_FRNRZS14FPC8C1RSTOMW

หากคุณคลิกขวาและเลือกแก้ไขคุณจะเห็นข้อความต่อไปนี้ (อย่าเป็น AFRAID):

ดูน่ากลัวใช่มั้ย

ขั้นตอนที่ 4: การเลย์เอาต์ของปุ่ม

XML ของปุ่มแบ่งออกเป็นห้าส่วนหลัก:

1. ไซต์ - ตำแหน่งที่ปุ่มจะเชื่อมโยงกับผู้ใช้

2. ชื่อเรื่อง - ชื่อของปุ่มจะเป็นอย่างไร

3. คำอธิบาย - แสดงเมื่อผู้ใช้วางเมาส์เหนือปุ่ม

4. ไอคอน - รหัสไอคอนฐาน 64 (จะอธิบายในภายหลัง)

5. สถานที่จัดเก็บ (ตัวเลือก)

"เทมเพลต" พื้นฐานจะมีลักษณะดังนี้:

ขั้นตอนที่ 5: เขียนปุ่ม

ก่อนอื่นให้เปิด Notepad หากคุณยังไม่ได้อ่านดำเนินการต่อไปและคัดลอกและวางเทมเพลตที่ฉันให้ไว้ในขั้นตอนก่อนหน้า กรอกตัวอักษร Cap ทั้งหมดด้วยข้อมูลที่คุณต้องการ ตอนนี้ถึงเวลาที่จะทำไอคอน คุณจะต้องแปลงไอคอน 64x64 เป็นสตริง base64 (ไม่ต้องกังวลกับมันง่าย ๆ) ก่อนได้รับไอคอนของคุณ ฉันพบว่าวิธีที่ดีที่สุดในการทำเช่นนี้คือพิมพ์ชื่อของเว็บไซต์และฉีด "/favicon.ico" หลังจาก URL ไซต์ ตัวอย่างเช่น:

www.makezine.com/favicon.ico

คลิกขวาที่ไอคอนและเลือก "บันทึกภาพเป็น … " เมื่อบันทึกลงใน HDD ของคุณแล้วให้ไปที่ http://www.motobit.com/util/base64-decoder-encoder.asp และอัปโหลดรูปภาพของคุณแล้วกด "แปลงข้อมูลต้นฉบับ" หลังจากทำเสร็จแล้วให้แน่ใจและคัดลอกข้อความ BASE64 ทั้งหมด ตอนนี้เพียงไปที่ notepad ของคุณและวาง base64 ทั้งหมดระหว่าง ""และ""แท็ก

ขั้นตอนที่ 6: ขั้นตอนสุดท้ายและเคล็ดลับ