Nanachidtang: How to add FB-Tweet-Buzz to blogspot

ทำยังไงดี อยากใส่ปุ่มแชร์+ตัวนับ (counter) แบบรูปข้างล่างนี้

ทำตามบล็อกนี้ได้เลย ไม่เกิน 4 ขั้นตอนก็เสร็จแล้ววว..

1. Go to your blogger Dashboard>>Design>>Edit HTML

ไปที่แผงควบคุมของ Blogspot >> การออกแบบ >> แก้ไข html

2. Check "EXPAND WIDGET TEMPLATES"
ติ๊กถูกตรง "ขยายเทมเพลตวิดเจ็ต"

Then, search for <div class='post-footer'> [Tip: pressing CTRL + F on your keyboard and search for it ]
จากนั้น กดปุ่ม Control+F เพื่อเสิร์ชคำว่า "div class='post-footer'"

3. Now Copy and paste the following code just above

if you want it to appear after blog title but before your post content. If you want the buttons to appear after the post (like the pic above), paste the code below

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

แต่หากอยากให้ปุ่มแบ่งปันอยู่ท้ายบทความ ให้คัดลอกโค้ดไว้ในบรรทัดถัดจาก

โค้ดสำหรับปุ่ม Facebook คือ

</span></div><meta charset="utf-8"><span class="Apple-style-span" style="font-size: 14px; "><font class="Apple-style-span" color="#FF0000" face="arial, helvetica, clean, sans-serif"><span class="Apple-style-span" style="line-height: 16px;"><meta charset="utf-8"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; line-height: 24px; "><pre class="prettyprint" style="font-style: italic; font-size: 14px; background-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; line-height: 20px; margin-top: 10px; margin-right: 25px; margin-bottom: 10px; margin-left: 25px; "><script> var fbShare = { url: '<data:post.url/>', title: '<data:post.title/>', size: 'large', google_analytics: 'true' } </script> </pre></span></span></font><span class="Apple-style-span" style="font-family: arial, helvetica, clean, sans-serif; line-height: 16px; color: rgb(143, 143, 143); ">

โค้ดสำหรับ Twitter คือ

</span><br><font class="Apple-style-span" color="#FF0000" face="arial, helvetica, clean, sans-serif"><span class="Apple-style-span" style="line-height: 16px;"><meta charset="utf-8"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; line-height: 24px; "><pre class="prettyprint" style="font-style: italic; font-size: 14px; background-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; line-height: 20px; margin-top: 10px; margin-right: 25px; margin-bottom: 10px; margin-left: 25px; "><script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script></pre></span></span></font><span class="Apple-style-span" style="font-family: arial, helvetica, clean, sans-serif; line-height: 16px; color: rgb(143, 143, 143); ">

ปรับแต่งโค้ดสำหรับ Google Buzz

4. Click "Preview" to check before hitting "Save Template" and now it's done. Enjoy!
กดปุ่ม "แสดงตัวอย่าง" เพื่อตรวจดูผลลัพธ์ แล้วค่อยกด "บันทึกแม่แบบ" เป็นอันเสร็จสรรพค่า เย้!