Addthis Sharebar ติดตั้ง บน Blogger

บทความนี้ผมขอแนะนำ Toolbar จาก Addthis ซึ่งเป็นที่รู้จักกันดีว่าเป็นเว็บไซต์ที่ให้บริการ Submit บล็อก/เว็บ หรือบทความไปยังบริการ Social Bookmark อีกต่อหนึ่ง


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

AddThis คือ เครื่องมือที่รวบรวมบริการแชร์ แบ่งปัน หรือบุ๊คมาร์คข้อมูลที่มีให้บริการจากทั่วโลก โดยเราสร้างแล้วนำโค้ดมาแปะไว้ที่เว็บไซต์หรือบล็อกของเรา ผู้เข้าชมเว็บไซต์ของเราก็สามารถบอกต่อหรือส่งต่อข้อมูลในหน้านั้นของเราผ่านเว็บเครือข่าย หรือเว็บบุ๊คมาร์คต่างๆ เช่น Facebook ,Twitter ,My space หรืออื่นๆที่พวกเขาเป็นสมาชิก หรือสั่งพิมพ์ข้อมูล บุ๊คมาร์คหน้าเพจนั้นก็สามารทำได้ง่าย นอกจากนี้ยังถือว่าเป็นการช่วยในเรื่องของการกระจายข่าวสาร ข่าวประชาสัมพันธ์ของเว็บไซต์เราไปได้เร็วขึ้น  แถมยังเป็นการโปรโมทเว็บไซต์เราไปในตัวอีกด้วย เพราะส่งข่าวง่าย ใช้งานง่าย และพวกเขาเองก็มีเครือข่ายที่ใช้บริการอยู่แล้ว ซึ่งปัจจุบันเครือข่ายเหล่านี้เป็นกลุ่มที่ใหญ่มาก ทำให้คนที่จะได้รับข่าวจากเว็บไซต์เราและรู้จักก็มากตามไปด้วย

ปกติแล้วรูปแบบของเครื่องมือที่ช่วยในการ Share บทความจะอยู่ในรูปของปุ่ม ซึ่งข้อเสียของปุ่มคือ จะปรากฎเฉพาะตำแหน่งที่ติดตั้งเท่านั้น แต่ถ้าเราใช้รูปแบบ Toolbar ที่พัฒนาโดย Addthis ที่นำเสนอในบทความนี้ติดตั้งลงไป Toolbar จะปรากฎอยู่ด้านล่างของทุก ๆ หน้าไม่ว่าจะมีการเลื่อนตำแหน่งของหน้าขึ้นด้านบนหรือลงด้านล่าง จึงจะช่วยให้ผู้อ่าน Share บทความ/บล็อก ของคุณได้สะดวกมากขึ้น

วิธีติดตั้ง Addthis Sharebar

ขั้นที่ 1 สมัครสมาชิก
ให้คุณเข้าไปที่

http://www.addthis.com/labs/sharebar

วิธีทำ blogger วิธีแต่ง blogspot 


และคลิกที่ Join Now เพื่อสมัครสมาชิก

ทำ blogger แต่ง blogger 


ขั้นที่ 2 สร้างโค้ดของ Addthis Sharebar

โค้ดที่ใช้ในการติดตั้ง Addthis Sharebar คือ


<script src="http://sharebar.addthiscdn.com/v1/sharebar.js" type="text/javascript"></script>


<div class="addthis_sharebar_config" style="display:none;">


* username: your AddThis username 



</div>

ซึ่งคุณสามารถจะต้องแทนที่ your AddThis username ด้วย Username ที่คุณใช้สมัครกับ Addthis



ขั้นที่ 3 ติดตั้งโค้ดบน Blogger

Login เข้าไปที่ blogger.com >> เลือกเมนูการออกแบบ >> แก้ไข HTML

จากนั้นค้นหาโค้ด </body> ซึ่งจะอยู่ท้ายสุดของหน้า และเมื่อพบแล้วให้วางโค้ดในขั้นที่ 2 ลงไปก่อนหน้าโค้ด </body>

ตัวอย่างการวางโค้ด
Socialbookmark+blogger+blogspot 

ตัวอย่างผลลัพธ์ที่ได้
ทำ blogspot 



ขั้นที่ 4 การปรับแต่งโค้ด
โค้ดของ Addthis Sharebar สามารถปรับแต่งได้(คุณจะไม่ปรับก็ได้) โดยคุณสามารถดูรายละเอียดได้จาก

http://www.addthis.com/labs/sharebar#docs
ตัวอย่างโค้ดที่ผมได้ปรับแต่งและใช้ติดตั้งในบล็อก
<script src='http://sharebar.addthiscdn.com/v1/sharebar.js' type='text/javascript'/> 

<div class='addthis_sharebar_config' style='display:none;'> 
* username: hackublog 
* layout: bar 
* option name: hackublog 
* bar background color: #333333 
* bar background opacity: 0.4 
* default services:email, favorites, facebook, twitter, delicious, digg, myspace, live, stumbleupon,  reddit, technorati, buzz, squidoo 
* disable personalization 
* search domain: hackublog.blogspot.com 
* search url: http://hackublog.blogspot.com/search?q= 
* search label: Search on hackublog 
* max services:15 
</div>

ตัวอย่างผลัพธ์ที่ได้จากการใช้โค้ดข้างบน

สอน blogger


ถ้าชอบก็ลองหยิบมาใช้งานกัน สำหรับผมคิดว่ามีประโยชน์มากครับ เพราะอย่างน้อยผมก็ Submit บทความที่เขียนไปยัง Social Bookmark ได้สะดวกและง่ายดายมากขึ้นครับ  สวัสดีครับ

ที่มา http://www.hackublog.com
ป้ายกำกับ: , ,

ไม่มีความคิดเห็น:

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

สมัครสมาชิก: ส่งความคิดเห็น (Atom)