2 วิธีติดตั้ง Toolbar Gagdget จาก Wibiya และ GFC

บทความนี้จะนำเสนอ 2 วิธีติดตั้ง Toolbar Gagdget บน blogger ซึ่งได้แก่แถบข้อมูลสังคมจาก  Google Friend Connect(GFC) และ Toolbar จาก wibiya.com

GFC Toolbar

วิธีทำ blogger

การติดตั้ง GFC Toolbar นั้น เพื่อให้ผู้เข้าชมสามารถเข้าถึงคุณลักษณะด้านสังคมของ Friend Connect ได้สะดวกขึ้น เช่น

- ช่วยให้ผู้เข้าชมสามารถเข้าร่วมและติดต่อกันได้ง่ายยิ่งขึ้น
- ผู้เข้าชมสามารถอ่านและแสดงความคิดเห็นร่วมกันได้
- กิจกรรมที่เกิดขึ้นใน Gadget สังคมในไซต์ของคุณจะเลื่อนขึ้นสู่ด้านบน (หรือด้านล่างก็ได้)
- ไม่ต้องออกแบบหน้าเว็บของคุณใหม่


วิธีติดตั้ง GFC Toolbar 

1. ไปที่ google friend connect และ Log in โดยใช้บัญชีเดียวกับ blogger

2. คลิกที่ แกดเจ็ต ทางด้านซ้ายมือ และเลือก Gadget  แถบข้อมูลสังคม

สอนทำบล็อก

3. ตั้งค่าตำแหน่งต่าง ๆ ในข้อ 1 แล้วกด สร้างโค้ด HTML ในข้อ 2 และคัดลอกโค้ดเพื่อนำไปติดตั้งใน blogger

สอน blogspot 

สอนสร้าง blogger

4. เมื่อได้โค้ดแล้วให้นำมาติดตั้งบน blooger โดย

Login เข้าไปที่ blogger

ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> ไม่ต้องขยายแม่แบบเครื่องมือ



ค้นหาโค้ด </body> แล้ววางโค้ดที่ได้เตรียมไว้จากขั้นที่ 3 ลงไปก่อนหน้าโค้ดดังกล่าว


สอนทำ blog

สอนทำ blogger

เมื่อบันทึกแม่แบบ และดูหน้าแรกของบล็อก ก็จะเห็น GFC Toolbar อยู่ด้านบน (หรือด้านล่าง) เท่านี้ก็จบขั้นตอนการติดตั้ง GFC Toolbar ครับ









Wibiya Tool bar

ทำ blog
Wibiya เป็น Toolbar ที่ได้รับการนิยมมากในหมู่คนทำบล็อกเนื่องจากการติดตั้งทำได้ง่าย และยังมีความคุ้มค่าในการติดตั้ง เพราะประยุกต์ใช้งานได้กับหลากหลาย Social Application รายละเอียดการทำงานและสมบัติของ Wibiya Toolbar มีดังนี้


สมบัติของ Wibiya Toolbar


- สามารถค้นหาสิ่งที่ต้องการภายในบล็อก และ ค้นหาจาก google
- เชื่อมต่อบล็อคของคุณผ่าน Facebook
- ช่วยในการแปลภาษา
- เครื่องมือสำหรับแชร์บทความดีๆในบล็อกของคุณ
- เชื่อมต่อกับ Twitter และยังสามารถ tweet บทความไปยัง Twitter  ได้ด้วย
- แสดงบทความล่าสุดของบล็อกถึง 10 บทความ
- สามารถแสดงบทความแบบสุ่มเลือกจากบล็อกของคุณได้
- มีเมนูสำหรับให้ผู้อ่าน Subscript เพื่อรับ Feed บล็อกของคุณ
- แสดงรูปภาพจาก Gallery ใน Flickr
- เชื่อมต่อไปยังหน้าวีดีโอของคุณบน youtube ได้
- มีกล่องข้อความ Notifier สำหรับต้อนรับผู้เยี่ยมชม


จากที่กล่าวมาเป็นเพียงบางส่วนของคุณสมบัติของ Wibiya Toolbar เท่านั้น จึงเป็นการคุ้มค่าอย่างยิ่งที่จะติดตั้ง Tool bar นี้บนบล็อกของคุณ เพราะเพียงคุณติดตั้งเพียง 1 Toolbar ก็เทียบเท่ากับการติดตั้ง 10 gadget เลยทีเดียว นอกจากนี้ก็ยังช่วยลดภาระการติดตั้ง gadget มากมายบนบล็อกของคุณได้อีกด้วย


วิธีติดตั้ง Wibiya Toolbar


1. ไปที่ wibiya.com แล้วคลิกที่ปุ่ม Get It Now! เพื่อลงทะเบียน

สอนแต่งบล็อก 


2. กรอกข้อมูลให้ครบถ้วน  ในขั้นนี้ต้องใช้ e-mail จริงเพราะจะต้องมีการยืนยันการสมัครจาก e-mail ของคุณ และเลือกภาษาเป็น English  เมื่อเสร็จแล้วคลิก Next

สอนสร้างบล็อก


3. ในขั้นถัดมาเลือก Theme ที่เข้ากับ Template ของคุณ

ในขั้นนี้นอกจากเลือก theme แล้วคุณยังสามารถเปลี่ยน icon ของ Toolbar โดย upload จากเครื่องคอมพิวเตอร์ของคุณได้


ทำ blog



4. ต่อไปเลือก Application ต่าง ๆ ที่ต้องการให้ปรากฎบน Toolbar นี้



ทำบล็อก

ถ้าต้องการลบเครื่องมือใดออกไปก็เพียงคลิกที่ icon นั้นก็ถือเป็นการลบ Application นั้นออกจาก toolbar ทันที  


เมื่อทำครบที่ต้องการแล้วให้กด Next


5. เมื่อคลิก Next จากขั้นที่ 4 แล้ว จะปรากฎกล่องข้อความเพื่อให้เราใส่ รหัส  user name หรือ feed สำหรับ Application ที่เราได้เลือกไว้  

สอนทำบล็อกของblogger  

ให้กรอกข้อมูลต่างๆ ลงไปให้ครบ แล้วคลิกปุ่ม Done


เช่น ถ้าต้องการให้ Toolbar นี้เชื่อมโยงกับหน้า Fanpage บน Facebook ผมก็คลิกที่ icon Facebook แล้วใส่รหัส Fanpage ของ facebook ลงไปเป็นต้น


สอนเทคนิคการใช้งานblogger 


6. ขั้นต่อมาเลือกแหล่งการติดตั้ง ให้เลือกตัวเลือก Install on websites and other blog platforms

จากนั้นคัดลอกโค้ดเพื่อนำไปติดตั้งบน blogger


สร้างบล็อกหาเงิน


7. การนำโค้ดมาติดตั้งบน blogger ทำได้ดังนี้


Login เข้าไปที่ blogger >>ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> ไม่ต้องขยายแม่แบบเครื่องมือ


ค้นหาโค้ด </body> แล้ววางโค้ดที่ได้เตรียมไว้จากขั้นที่ 6 ลงไปก่อนหน้าโค้ดดังกล่าว แล้วบันทึกแม่แบบ ก็จบขั้นตอนการติดตั้งครับ


สอนทำบล็อก


หวังว่า Toolbar ที่ได้แนะนำนี้คงจะเป็นประโยชน์กับผู้สนใจทำ blogger ทุกคนนะครับ หากมีปัญหาสอบถามโปรดสอบถามที่กล่อง Comments ด้านล่างของบทความนี้ได้เลย ยินดีช่วยเหลือและแลกเปลี่ยนครับ

ตอนนี้มีความคิดเห็น : 26 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. ทำไมผมใช้searchในblogแล้วมันไม่เจอคำที่ต้องการครับ ทั้งsearchของblogเดิมเอง และของ wibiya search tabเลยครับ
    ที่นี่ครับ http://HealthOnHand.blogspot.com

  1. แล้วไม่ทราบค้นโดยใช้ gadget Custom search ของ Google พบไหมครับ ถ้าไม่พบก็เป็นไปได้ว่า keyword นั้นยังไม่ชัดเจนในบล็อกของคุณ และยังไม่ติด index ครับ

  1. ขอบคุณครับ สงสัยจะเป็นอย่างที่คุณhackublogบอกครับ เพราะgadget custom searchของgoogleก็หาไม่เจอ... คงต้องศึกษาต่อไปครับ

  1. ทำไมผมทำ GFC Toolbar
    แล้วมันไม่แสดงผล อะไรเลย ละคับ

  1. อ่อ,,,เห็น แล้วคับ
    มันบอกว่า
    ขออภัย...
    ไซต์นี้ไม่ยอมรับการลงชื่อเข้าใช้ของคุณ

    เป็นเพราะ อะไรหรอคับ

  1. เป็นเฉพาะบาง URL เท่านั้น คับ
    บาง URL บล็อกของผมก็ใช้ได้

    หรืออาจจะเกี่ยวกับ การที่ผมเคยถูกข้อหา Spam มั้ยคับ

  1. @ BeerBc522 : บล็อกที่จะนำโค้ด GFC ที่นำมาติด กับ URL ตอนที่สร้าง จะต้องตรงกันด้วยครับผม

  1. ก็ตรงนะคับ แต่ตอนที่เข้าไปใน google friend connect น่ะคับ
    บางแกดเจ็ต มันบอกว่า
    ขออภัย...
    ไซต์นี้ไม่ยอมรับการลงชื่อเข้าใช้ของคุณ

    เกี่ยวข้องอะไรหรอคับ

  1. ถ้าขึ้นแบบนั้นก็แปลว่าชื่อไม่ตรงครับ คุณลองมองทางซ้ายมือแล้วคลิกเลือกชื่อบล็อกให้ตรงกับบัญชีที่ Login และบัญชีของบล็อกที่จะนำไปติดตั้งด้วยครับ

  1. แสดงว่าตอนแรกผม Login เข้าไปแล้วเลือกบล็อกเลย

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

    ขอบคุณมากคับ

  1. อยากทราบว่าจะเอาPOWERED BY WIBIYA ออกทำงัยครับ

  1. @ intranet : จะโกรธกันหรือเปล่าครับ ถ้าผมจะบอกว่าผมจำไม่ได้แล้วว่าทำยังไง เพราะว่าทำเอาไว้นานแล้วไม่ได้จดบันทึก เดี๋ยวขอเวลาผมรื้อฟื้นวิธีก่อนนะครับ ถ้าได้แล้วจะมาบอกครับ

  1. @ intranet : ผมจำได้แล้วครับ
    1. Login เข้าไปอีกครั้ง
    2. ไปที่ Edit Toolbar
    3. ภายใต้เมนูย่อย My Applications ให้หารูปของ App ที่ชื่อว่า Support by wibiya team หรือชื่อคล้าย ๆ กับที่กล่าวถึงอะไรทำนองนี้
    4. คลิกเครื่องหมายกากบาท remove ออกไปได้เลยครับ

  1. แก้ไขไม่ได้แล้วครับ ถ้าจะเอาออกต้องเสียเงินนะครับ เซ็งเลย

  1. @ intranet : ผมมีบัญชีเก่าที่สร้างไว้ ตอนที่คุณถามยังแก้ได้ แต่ไม่ทราบว่าบัญชีที่เพิ่งสมัครหลัง ๆ ยังแก้ได้หรือเปล่า ที่จริงมันไม่ใช่เรื่องใหญ่หรอกครับ อย่าคิดมาก

  1. เกิดปัญหาคับในแถบ Fan page ใน tool wibiya ของผมอะคับ
    มันโชว์เฉพาะ Page Latest Activity อะคับ
    แต่ด้านทางซ้าย ที่เป็นรูป fan ไม่แสดงอะคับ

    อ่อของ twitter ก้เป็นเหมือนกันคับ
    ทีนี้แสดงแต่ด้านซ้าย ด้านขวาไม่แสดงเลยคับ

    เป็นเพราะอะไรหรอคับ

  1. @ dekBc52 : ไม่ทราบตอนนี้ยังมีปัญหาอยู่หรือเปล่าครับ น่าจะมีการเปลี่ยนแปลงบางอย่างกับ wibiya ครับ ไม่ใช่ความผิดพลาดที่เกิดจากเราครับ

  1. wordpress mu ทำเหมือนกันหรือป่า่วครับ เลือก wordpress แล้ว ติดตั้ง pluging แล้ว แต่ไม่เข้าใจตอนเขาให้แพทครับ รบกวนแนะนำทีนะครับ

  1. @tre : wordpress mu น่าจะใส่ใน plugin ที่เป็น text ครับ ยังไม่ได้ลองครับโทษด้วย

  1. อ.hack ทำไมแถบ Toolbar ของ Wibiya มันไม่ขึ้นตรงหน้าบล๊อคละค่ะ มันหายไปได้ 2-3 วันแล้ว

  1. @ Joy : อย่างนี้ถือว่าผิดปกติครับ ได้ลองเข้าไปในบัญชีและรับโค้ดมาใหม่หรือยังครับ

  1. ขอบคุณค่ะ ^__^ ทำได้แล้วไปรับโค้ดมาใหม่ แต่ทำไมมันถึงหายละค่ะอ.hack

  1. Toolbar ของ Wibiya พอติดตั้งแล้วมันไม่แสดงผลอะไรเลยสักอย่างอ่ะค่ะ กดปุ่นนั้นปุ่มนี้ก็ไม่เห็น เกิดผลลัพธ์อะไรเลยนิ่งสนิท ทำไงดีคะอาจารย์ (- -") ไม่เชื่อเข้าไปตรวจดูได้ค่ะ http://winglessangelstory.blogspot.com/

  1. @Cartercho: เข้าไปดูแล้วแสดงผลและทำงานปกติดีครับ น่าจะเป็นกับ Browser ที่คุณ Cartercho ใช้ครับ

  1. อ่า เหรอค่ะ ขอบคุณมากค่ะท่านอาจารย์ :D

  1. ถูกแน่แล้วค่ะอาจารย์ เป็นเพราะ Browser ตอนนี้ใช้ Chrome อยู่ พอลองไปเปิดใน IE และ Firefox ใช้ได้ค่ะ แต่ว่ามันช้ามาก โหลดภาพกว่าจะมา ส่วน Gadget ต่างๆบางอันหยุดทำงานไปซะดื้อๆ อยากทราบว่าทำยังไงให้ Toolbar Wibiya ทำงานได้บน Chrome พอจะมีวิธีไหมคะอาจารย์ (- -")a

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

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel