แหล่งบริการ Bookmark และ Sharing Button สวย ๆ

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

Sharing buttom

หลังจากที่เคยแนะนำข้อดีของการใส่ Social bookmark ไว้ที่บทความ วิธีใส่ Social bookmark icon สวยๆ ใต้ทุกบทความ ผมก็ขอสรุปข้อดีของการใส่ Social bookmark และ Sharing buttom สั้น ๆ ว่า บล็อกและบทความของคุณจะถูกเผยแพร่ได้ง่ายขึ้น ค้นหาง่ายขึ้น ทำให้มีผู้อ่านเพิ่มขึ้นนั่นเอง 

สำหรับบทความนี้ผมก็ขอแนะนำแหล่ง และวิธีการติดตั้ง Social bookmark และ Sharing buttom สวยๆ ให้กับบทความ หรือ บล็อกของเรา

เนื่องจากผู้ให้บริการ Social bookmark และ Sharing buttom ในปัจจุบันมีหลายราย ผมจึงขอยกตัวอย่างบริการที่ใช้งานง่ายและผลงานสวยงาม ซึ่งได้แก่ บริการของ addthis.com

สาเหตุที่แนะนำให้ใช้บริการของ addthis.com เพราะสามารถใช้บริการได้ฟรีโดยไม่ต้องสมัครสมาชิกให้ยุ่งยาก รูปแบบสวยงาม  สามารถติดตั้งใน blogger ได้หลายตำแหน่ง

ภาพตัวอย่าง

addthis

วิธีใช้บริการและติดตั้ง Social bookmark และ Sharing buttom จาก addthis.com

1. ไปที่  http://addthis.com/

2. เลือก ติดตั้งไปที่ blogger >> เลือกรูปแบบปุ่ม  >> เลือกตัวเลือก No, just give me the button.  >> และกดปุ่ม Get Your Buttom (ดูรูป)

addthis1
3.  เมื่อจบขั้นที่ 2 เราก็สามารถเลือกได้ว่า จะติดตั้งแบบอัตโนมัติหรือ จะนำโค้ดไปติดตั้งเองก็ได้

3.1 ติดตั้งแบบอัตโนมัติ โดยคลิกที่ปุ่ม Install to sidebar

addthis2
เมื่อทำตามขั้นตอนจนจบ Addthis buttom ก็จะมาปรากฎอยู่ที่ sidebar อัตโนมัติครับ ถ้าไม่ชอบตำแหน่งเดิมก็สามารถ Drag เมาส์ ลาก Gadget นี้ไปในตำแหน่งที่ต้องการได้เลยครับ

addthis4 

3.2 ทำได้โดยคัดลอกโค้ด(อยู่บริวณด้านล่างของหน้า) มาใส่ที่บล็อกของเรา โดยใส่ได้ 2 วิธีคือ

2010-01-04_225519


วิธีที่ 1  ถ้าต้องการติดตั้งไว้ที่ Sidebar ก็ให้ Add gadget ชนิด HTML/จาวาสคริปต์ วางโค้ดลงไป แล้วบันทึกก็เป็นอันจบขั้นตอนครับ

Sharing buttom1


วิธีที่ 2 วางในตำแหน่งใต้บทความ (ซึ่งจะปรากฎในทุกๆ บทความ) การใส่ในตำแหน่งนี้มีข้อดีคือ ถ้าผู้อ่านคิดว่าบทความของเรามีความน่าสนใจก็จะทำการ ปักหมุด/แบ่งปัน หรือ พิมพ์ หรือ ส่ง email ให้เพื่อนๆ ได้ง่ายขึ้น ก็จะมีผลดีกับบทความของเรา คือมีผู้อ่านมากขึ้นนั่นเองครับ

มาดูวิธีติดตั้งในตำแหน่งนี้กันเลยครับ

ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> คลิกขยายแม่แบบเครื่องมือ  >>
กด Ctrl+F เพื่อค้นหาโค้ด
<data:post.body/>

จากนั้นให้วางโค้ดต่อไปนี้ถัดจากโค้ดดังกล่าว

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b4214f9773cddc6"></script></div>
<!-- AddThis Button END -->


ทดลอง preview ดู หากอยู่ในตำแหน่งที่ต้องการแล้วก็บันทึกแม่แบบได้เลยครับ

แต่ถ้าหากไม่อยู่ในตำแหน่งที่ต้องการต้องเปลี่ยนตำแหน่งการวางใหม่โดยอาจจะวางถัดจากโค้ดใด โค้ดหนึ่งต่อไปนี้ ขึ้นอยู่กับแต่ละ template (โค้ดของแต่ละ template ไม่เหมือนกัน)

<p class='post-footer-line post-footer-line-1'>
หรือ
<div class='post-footer-line post-footer-line-1'>
หรือ
<div class='post-footer-line post-footer-line-3'>
หรือ
<p><data:post.body/></p>

เมื่อเปลี่ยนตำแหน่งโค้ดเป็นที่พอใจแล้วก็บันทึกแม่แบบ เท่านี้ก็จบขั้นตอนครับ

นอกจากบริการของ addthis ที่ได้แนะนำไปแล้ว ยังมีบริการเช่นนี้อีกหลายแห่ง ลองไปทดลองกันดูครับ


Sharing buttom2

>> Badged

Sharing buttom3


Sharing buttom4


Sharing buttom4


Sharing buttom5

สุดท้าย  หากมีข้อสงสัยประการใดก็สามารถสอบถามได้ที่กล่องข้อความด้านล่างได้เลยครับผม

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

  1. ผมอยากให้ปุ่ม share พวกนี้แสดงเฉพาะหน้าบทความเมื่อเราคลิกเข้าไปอ่านบทความนั้นๆ โดยไม่แสดงในหน้าแรก หรือหน้า Label ของเรา ต้องทำอย่างไรครับ เพราะตอนนี้มันโชว์ในหน้าหลักของผมเลย ทำให้รู้ว่ามันโหลดหน้า Home นาน

  1. มั่ว สำเร็จแล้วจ๊ะ ^^

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

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

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