วิธีติดตั้ง Digg Button หลัง Title ของบทความใน Blogger

เหตุผลดี ๆ ที่เราควรติดตั้ง Digg Button ไว้บนบล็อกของคุณก็คือ หากผู้เยี่ยมชม หรือตัวคุณเองชื่นชอบบทความของคุณ ก็จะ Submit บทความนั้น ไปที่ Digg ได้ง่ายขึ้น ทำให้บทความในบล็อกของคุณติด Index ได้เร็ว เพราะ Digg ถือเป็นฐานข้อมูลของข่าวสารที่ใหญ่มาก แถมยังมีการ update อยู่ตลอดเวลา Search Engine ต่าง ๆ ก็มักเข้าไปเก็บข้อมูลอยู่เสมอ บทความของคุณที่ถูก Digg! นั้นสามารถเผยแพร่ได้โดยง่าย และแพร่กระจายอย่างรวดเร็ว เป็น Traffic ที่เพิ่มตามมา ส่งผลให้คนก็เข้าบล้อกมากขึ้นด้วยนั่นเอง

สอนวิธีทำบล็อก

ส่วนใหญ่แล้วการติดตั้ง Digg Button นั้นจะนิยมติดตั้งไว้ที่ ใต้ Title ของบทความใน Blogger หรือไม่ก็ติดตั้งที่ใต้บทความเลย  ในบทความนี้ผมจึงขอนำเสนออีกหนึ่งวิธีในการติดตั้ง   Digg Button  นั่นคือติดตั้งไว้ในตำแหน่งด้านหลังและอยู่ในบรรทัดเดียวกับ Title ของบทความ

สอนทำ blogger

วิธีติดตั้ง

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

ขั้นที่ 1 ค้นหาโค้ด </head> แล้ววางโค้ดไว้ก่อนหน้าโค้ดดังกล่าว
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'/>

ขั้นที่ 2 ต่อเนื่องจากขั้นที่ 1 ให้ค้นหาโค้ด 2 ชุดต่อไปนี้ (ทั้งสองโค้ดนี้จะอยู่บริเวณเดียวกัน)

ค้นหาโค้ด
<a expr:href='data:post.link'><data:post.title/></a>
และ
<a expr:href='data:post.url'><data:post.title/></a>

จากนั้นวางโค้ดต่อไปนี้ต่อจากโค้ดทั้งสองข้างต้น

<a class='DiggThisButton DiggCompact'/>

ซึ่งจะได้ผลลัพธ์เป็น

<a expr:href='data:post.link'><data:post.title/></a><a class='DiggThisButton DiggCompact'/>
และ
<a expr:href='data:post.url'><data:post.title/></a><a class='DiggThisButton DiggCompact'/>

จากนั้นแสดงตัวอย่างดู หากเป็นที่พอใจแล้วให้บันทุกแม่แบบครับ


หมายเหตุ

รูปแบบ Digg Button ที่นำเสนอในบทความนี้เป็นรูปแบบที่เรียกว่า Compact Smart Digg Button

สอนทำบล็อก 


หากคุณต้องการใช้รูปแบบอื่น ๆ สามารถเลือกรูปแบบที่ชอบได้ที่ hxxp://about.digg.com/button สุดท้ายหวังว่าบทความใน blogger ของคุณจะเป็นที่โด่งดังสมใจนึกครับ สวัสดีครับ

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

  1. ไม่เจอโค๊ด

  1. ขยายแม่แบบเครื่องมือด้วยครับ

  1. วิธีทำของ facebook หลัง title บทความล่ะครับ ผมทำไม่ได้ครับ

  1. ผมทำแล้ว มันไม่ขึ้นอะครับ

    _____

    ช่วยดู Blog ของผมหน่อยนะครับว่าควรปรับปรุงอะไรมั่ง
    attraction-rich.blogspot.com

  1. อ.hackค่ะจอยอยากให้ Digg Button อยู่ใต้บทความ ลองทำตามวิธีของบทความ 4 Share Count button for Blogger แต่เปลี่ยนตำแหน่งแค่ส่วน </head> มาเป็น <div class='post-footer'>อย่างเดียวค่ะ ในขั้นตอนที่ 2 ไม่ได้เปลี่ยนอะไร พอ PREVIEW ปุ่ม Digg มันยังอยู่ข้างบนเหมือนเดิมเป็นเพราะอะไรค่ะ

  1. ขอถามอีกข้อค่ะ แล้วทำยังไงให้เห็นปุ่ม digg , like เห็นเฉพาะแค่ในบทความเท่านั้นค่ะ คือในหน้าแรกไม่ต้องแสดงค่ะ เหมือนของอ.hack อ่ะ

  1. ทำเสร็จแล้วแต่เงียบเลยครับ.....
    ไม่มีรัยเกิดขึ้นครับ

  1. ไม่ขึ้นเหมือนกันครับผม

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

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

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