วิธีติดตั้ง ToolBar สารพัดประโยชน์บน Blogger ด้วยบริการจาก Apture

สอนทำบล็อก วิธีสร้าง blogger ผมได้เคยเสนอบทความเกี่ยวกับการติดตั้ง ToolBar บน Blogger ไปแล้ว 2 บทความ ได้แก่  2 วิธีติดตั้ง Toolbar Gagdget จาก Wibiya และ GFC   และ   วิธีติดตั้ง Facebook Style Footer Admin Panel บน Blogger    ซึ่ง ToolBar ที่ได้แนะนำในทั้งสองบทความนั้นอาจจะยังไม่ถูกใจคุณ บทความนี้ผมจึงนำเสนอ Toolbar อีกชนิดหนึ่งซึ่งรับรองว่าติดตั้งแล้วเป็นประโยชน์กับบล็อกของคุณมากแน่นอน

Toolbar ที่กล่าวถึงนี้คือ Apture Toolbar เป็นบริการฟรี ๆ จาก Apture.com ซึ่งมีจุดเด่นคือความสามารถในการค้นหาและมีรูปลักษณ์สวยงาม ในส่วนที่เป็น Feature อื่น ๆ แนะนำดังนี้


Apture Toolbar Feature

1. มีบริการ Share Button ของ Facebook และ Twitter ที่ทำให้ผู้อ่านบอกต่อเรื่องราวบนบล็อกของคุณกับผู้อื่นได้ง่ายขึ้น

วิธีทำ blogger

2. มีบริการ Search Bar และ Hot Search ที่สามารถค้นหาเรื่องราวในบล็อก และค้นหาจากเว็บไซต์อื่น ๆ ทั่วโลก

ตัวอย่างด้านล่างคือผลการค้นหาคำว่า Blogger ภายใน www.hackublog.com มีทั้งผลที่เป็นข้อความ วีดีโอ และรูปภาพ

ทำ blog สอนแต่งบล็อก blogspot วิธีปรับแต่ง blogger Template


รูปด้านล่างนี้เพียงแค่ Hilight ข้อความก็จะปรากฎ Tooltip ขึ้นมาเตรียมให้ค้นหาได้ทันที

สอนสร้างบล็อก สอนแต่งบล็อก สอนทำบล็อก

3. สามารถปรับแต่งข้อความ และ Logo บน Toolbar ได้ตามใจชอบ

วิธีสร้าง blogspot

4. สามารถเชื่อมโยงกับ ID ของ Amazon เพื่อวิเคราะห์ Keyword ได้ด้วย

สอนสร้าง blog

5. สามารถตั้งค่า Link info ในบล็อกได้ (ตั้งค่าขั้นสูง)

สร้างรายได้จาก blogger

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



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

ขั้นที่ 1  ไปที่ http://www.apture.com และ คลิกที่ Design a bar now เพื่อสร้าง Toolbar

โค้ดแต่งบล็อก

จากนั้นกรอกข้อมูล ได้แก่ URL ของ Website หรือ บล็อกของคุณ และ กรอก Email จริงลงไป

ทำ blogger และ ทำ blogspot
ในส่วน Title จะใช้เป็นข้อความหรือ Logo ก็ได้ (ถ้าใช้ Logo ต้องเตรียมรูปภาพ และ upload)


ส่วนการตั้งสี ToolBar สามารถดูตัวอย่างได้ที่ด้านล่างของหน้า

Blogger Template

ถ้าเป็นที่พอใจแล้ว คลิกที่ปุ่ม Get mybar เพื่อรับโค้ดสำหรับติดตั้ง

วิธีสร้างบล็อก

ตัวอย่างโค้ด
<script id="aptureScript" type="text/javascript" src=http://www.apture.com/js/apture.js?siteToken=xxxxxxx charset="utf-8"></script>



ขั้นที่ 2 การนำโค้ดที่ได้มาติดตั้งบน Blogger

Log in Blogger เข้าไปที่  >> ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML

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

 ทำ blogger ให้สวย


ขั้นที่ 3 หากคุณต้องการตั้งค่าต่าง ๆ เพิ่มเติมก็จะต้องทำการ Activate Account ทาง Email (ที่ใช้ในตอนที่สร้าง ToolBar) ก่อนจึงจะตั้งค่าต่าง ๆ ได้ แต่ถ้าไม่คิดจะตั้งค่าเพิ่มเติมก็ไม่ต้อง Activate Account  ก้ได้  

แต่ง template

สำหรับการตั้งค่าอื่น ๆ คุณสามารถ Sign in เข้าไปที่ www.apture.com และตั้งค่าตามต้องการ  ซึ่งหากคุณมีปัญหาในการตั้งค่าก็สามารถสอบถามที่กล่อง Comment ด้านล่างนี้ได้เลยครับ (ต้องสมัครสมาชิกก่อน) และถ้าชอบบทความนี้ฝากบอกต่อด้วยนะครับ สวัสดีครับ

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

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

  1. @ Charika : เข้าไปที่ การแก้ไข HTML และค้นหา id="aptureScript" จนเจอสคริปต์ที่คล้ายกับที่สอนในบทความนี้เช่น

    <script id="aptureScript" type="text/javascript" src=http://www.apture.com/js/apture.js?siteToken=xxxxxxx charset="utf-8"></script>

    เมื่อพบแล้วให้ลบออกไปเลยครับ

  1. ใช้ไม่ได้

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

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

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