วิธีสร้างปุ่ม Share จาก Facebook บน Blog Exteen.com

1. หากท่านใดยังมิได้ทำ การเตรียมตัวเพื่อใช้ Fbml ขั้นต้น ให้ทำให้เสร็จเรียบร้อยก่อน มิฉะนั้น Code อาจทำงานไม่ถูกต้อง

2. เข้าไปที่ http://www.exteen.com/manage/widgets.php

3. กด Edit ที่ Custom Code 4 ซึ่งเราได้เอาไปวางไว้ในแถบ Top menu ในขั้นตอนเตรียมตัว

4. ให้ท่าน Copy Code ตามด้านล่างนี้ ไปไว้ในส่วนท้ายที่สุดของ Custom Code 4 โดยห้ามลบของเก่าทิ้งโดยเด็ดขาด

<fb:share-button class="meta">
    <link rel="target_url" href="Your Exteen Blog URL" />
</fb:share-button>

หากถูกต้องเราจะได้ Code ตามด้านล่างนี้

<script src="http://code.jquery.com/jquery-1.5.min.js" type="text/javascript"></script>
<script src="http://connect.facebook.net/th_TH/all.js#xfbml=1"></script>

<fb:share-button class="meta">
    <link rel="target_url" href="Your Exteen Blog URL" />
</fb:share-button>

โดยให้แทนที่ Your Exteen Blog URL ด้วย URL ของ Blog ของท่านเอง เช่นของผมก็จะแทนที่ด้วย http://shopinbottle.exteen.com/ เป็นต้น

แล้วกดปุ่ม Ok เพื่อยืนยันการ Edit

5. สุดท้ายกด Save ที่มุมขวาล่างสุด เป็นอันเสร็จสิ้น

หากไม่เกิดปัญหาใดขึ้น ท่านจะได้ปุ่ม Share ตามด้านล่างนี้