เมื่อท่านได้ทำการสร้างบล็อกเกอร์เสร็จเรียบร้อยแล้ว
ขั้นตอนต่อไปก็คือ สร้างลิ้งค์จากเพจเฟสบุ๊ค (Facebook) เพื่อให้มาเชื่อมกับบล็อคเกอร์ของเรา เริ่มต้นให้ท่านเข้าไปเว็บไซต์ของเฟสบุ๊คที่ลิ้งค์นี้ครับ https://developers.facebook.com/docs/plugins/page-plugin จะปรากฎหน้าต่าง ตามรูปนี้ขึ้นมาครับ ให้เลื่อนสโคลบาร์หน้า Page ลงไปที่ Related Topics ครับ
ใส่รายละเอียดเพจเฟสบุ๊คของเราลงไป
- ช่อง Facebook page URL ให้ท่านคัดลอกที่อยู่เพจของท่านไปวางช่องนี้นั้นเอง
- ช่อง width คือส่วนความกว้างของเพจท่าน กำหนดเองได้ ด้วยกรอกเป็นตัวเลขลงได้เลยครับ
- ช่อง Height คือส่วนความสูงของเพจที่เรากำหนดเองได้อีกเช่นกัน คือกรอกเป็นตัวเลขลงไปครับ
- Use Small Header ถ้าเลือกข้อนี้จะเป็นการใช้หัวขนาดเล็กของเพจครับ
- Adapt to plugin container width ถ้าเลือกข้อนี้จะเป็นการปรับให้เข้ากับความกว้างของแถบบล็อคของท่านครับ
- Hide Cover Photo ถ้าเลือกข้อนี้จะเป็นการซ่อนรูปภาพหน้าปกของเพจครับ
- Show Friend's Faces ถ้าท่านเลือกข้อนี้จะเป็นการโชว์รูปเพื่อนที่ถูกใจเพจของท่านครับ
ต่อไปกดเพื่อรับโค้ดจาวาสคริปต์ที่ Get Code ครับ
คุณก็จะได้โค้ด Plugin ของคุณขึ้นมา 2 ข้อ ตามรูปนี้ครับ
ให้ท่านทำการคัดลอกโค้ดทั้งสองข้อนะครับ คัดลอกได้ทีละข้อเท่านั้นนะครับ
โค้ดข้อที่ 1 ><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><--
โค้ดข้อที่ 2-- ><div class="fb-page" data-href="https://www.facebook.com/365d4u/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/365d4u/"><a href="https://www.facebook.com/365d4u/">ร้านการ์ด พระประแดง</a></blockquote></div></div>< --
ให้ท่านนำโค้ดทั้งสองข้อด้านบนนี้มาวางในบล็อคเกอร์ของเรา โดยมีวิธีการดังนี้ครับ
เมื่อท่านเข้าสู้การแก้ไขบล็อกเรียบร้อยแล้ว ทำตามได้ทีละขั้นตอน ดังนี้
- คลิกที่รูปแบบ
- เลือกที่จะวางได้ตามใจชอบ ซ้าย ขวา กึ่งกลาง บน หรือล่างได้หมดครับ
- คลิกเลือก เพิ่ม Gadget ครับ
- คลิกไปที่เครื่องหมาย + ข้อ HTML/จาวาสคริปต์
- ช่องชื่อ จะไส่หรือไม่ใส่ก็ได้ครับ
- ในช่องเนื้อ วางโค้ดด้านบนทั้งสองข้อดังได้กล่าวแล้ว
- กด "บันทึก" ครับ
โดยวางตามลำดับเลยนะครับ ข้อ 1 ตามด้วยข้อ 2 และสังเกตที่ขวามือของท่านนะครับ แถวเดียวกับช่อง"เนื้อหา" จะต้องอยู่ที่คำนี้นะครับ "ข้อความที่มีรูปแบบ" ถ้าหากว่าแก้เป็น "แก้ไข Html" แบบนี้จะแสดงผลไม่ได้นะครับ เมื่อท่านได้ทำตามขั้นตอนข้างต้นแล้ว ท่านก็จะได้เพจเฟสบุ๊คแสดงอยู่ในบล็อคเกอร์ของท่านเรียบร้อยแล้วละครับ ขอให้สนุกกับการสร้างบล็อคนะครับ
ขอบคุณครับที่ติดตาม
By.คอมพิวเตอร์รีวิว