ວິທີເອົາຊ່ອງ Facebook ໄປແປະໄວ້ Blogger ຫຼື ເວັບໃຊ້
 |
| ຂັ້ນຕອນການເອົາ Facebook Page Plugin ໄປແປະໃນ Blogger |
ການເອົາຊ່ອງ Facebook (Page) ໄປແປະໄວ້ໃນ Blogger ແມ່ນເປັນວິທີທີ່ດີໃນການເຊື່ອມຕໍ່ຜູ້ເຂົ້າຊົມ Blog ຂອງທ່ານກັບ Page Facebook ເພື່ອໃຫ້ພວກເຂົາສາມາດກົດ Like ຫຼື Follow ໄດ້ງ່າຍຂຶ້ນ. ເຮົາຈະໃຊ້ Facebook Page Plugin ເພື່ອເຮັດສິ່ງນີ້.
ຂັ້ນຕອນການເອົາ Facebook Page Plugin ໄປແປະໃນ Blogger
1. ສ້າງ Code ສໍາລັບ Facebook Page Plugin
ເຂົ້າໄປທີ່ Facebook Page Plugin Generator: ເປີດເວັບໄຊຕ໌ນີ້:
https://developers.facebook.com/docs/plugins/page-plugin/ ກໍານົດຄ່າຕ່າງໆ:
Facebook Page URL: ປ້ອນ URL ຂອງ Page Facebook ຂອງທ່ານໃສ່ (ຕົວຢ່າງ:
https://www.facebook.com/yourpagename).Width (ຄວາມກວ້າງ) / Height (ຄວາມສູງ): ປັບຂະໜາດຕາມທີ່ທ່ານຕ້ອງການ. ຖ້າປັບເປັນ 0, ມັນຈະປັບຕາມພື້ນທີ່ຫວ່າງໃນ Blog ຂອງທ່ານໂດຍອັດຕະໂນມັດ (Adaptive Width). ປົກກະຕິແລ້ວການປ່ອຍໃຫ້ມັນປັບເອງຈະດີທີ່ສຸດ.
Use Small Header: ຕິກຖືກ (✓) ຖ້າທ່ານຕ້ອງການຫົວຂໍ້ຂະໜາດນ້ອຍ.
Hide Cover Photo: ຕິກຖືກ (✓) ຖ້າທ່ານຕ້ອງການເຊື່ອງຮູບພາບໜ້າປົກ.
Show Friend's Faces: ຕິກຖືກ (✓) ຖ້າທ່ານຕ້ອງການສະແດງຮູບໜ້າຂອງໝູ່ທີ່ກົດ Like Page ຂອງທ່ານ.
Show Custom Stream (Show Posts): ຕິກຖືກ (✓) ຖ້າທ່ານຕ້ອງການສະແດງໂພສລ່າສຸດຈາກ Page ຂອງທ່ານ. ຖ້າບໍ່ເລືອກ, ມັນຈະສະແດງພຽງປຸ່ມ Like ແລະຂໍ້ມູນພື້ນຖານ.
Tabs: ເລືອກ Tab ທີ່ທ່ານຕ້ອງການສະແດງ (ເຊັ່ນ:
timeline,events,messages). ທ່ານສາມາດພິມຫຼາຍ Tab ໂດຍໃຊ້ເຄື່ອງໝາຍ comma (,) ຄັ້ນກາງ.
ກົດ "Get Code": ຫຼັງຈາກປັບຄ່າຕ່າງໆແລ້ວ, ໃຫ້ກົດປຸ່ມ "Get Code" ຢູ່ລຸ່ມສຸດ. ທ່ານຈະໄດ້ຮັບ Code ສອງສ່ວນ.
2. ເພີ່ມ Code ໃສ່ Blogger
ທ່ານຈະໄດ້ຮັບ Code ສອງສ່ວນ: ສ່ວນທໍາອິດແມ່ນ JavaScript SDK ແລະສ່ວນທີສອງແມ່ນ HTML ສໍາລັບ Plugin.
ສຳລັບ Code ສ່ວນທີ 1 (JavaScript SDK):
ເຂົ້າສູ່ລະບົບ Blogger Dashboard ຂອງທ່ານ.
ໄປທີ່ Theme (ຮູບແບບສີສັນ).
ກົດ Edit HTML.
ຊອກຫາ Tag
<body>. (ທ່ານສາມາດໃຊ້ Ctrl+F ຫຼື Cmd+F ເພື່ອຊອກຫາໄດ້).ວາງ Code ສ່ວນທີ 1 (ທີ່ຂຶ້ນຕົ້ນດ້ວຍ
<div id="fb-root">...) ໄວ້ ທັນທີຫຼັງຈາກ Tag<body>ນີ້.ສໍາຄັນ: ໃຫ້ວາງຫຼັງ
<body>ໂດຍກົງ ເພື່ອໃຫ້ plugin ເຮັດວຽກໄດ້ຢ່າງຖືກຕ້ອງ.
ສຳລັບ Code ສ່ວນທີ 2 (HTML ສໍາລັບ Plugin):
ກັບຄືນໄປທີ່ Blogger Dashboard.
ໄປທີ່ Layout (ເຄົ້າໂຄງ).
ຊອກຫາພື້ນທີ່ທີ່ທ່ານຕ້ອງການເພີ່ມ Facebook Plugin (ໂດຍປົກກະຕິແມ່ນ Sidebar).
ກົດ Add a Gadget (ເພີ່ມ Gadget).
ເລືອກ HTML/JavaScript.
ໃສ່ Title (ຊື່) ທີ່ທ່ານຕ້ອງການ (ເຊັ່ນ: "ຕິດຕາມພວກເຮົາທາງ Facebook" ຫຼື "Facebook Page").
ວາງ Code ສ່ວນທີ 2 (ທີ່ຂຶ້ນຕົ້ນດ້ວຍ
<div class="fb-page" ...) ໃສ່ໃນຊ່ອງ Content (ເນື້ອໃນ).ກົດ Save (ບັນທຶກ).
3. ບັນທຶກ ແລະ ເບິ່ງຜົນ
ຫຼັງຈາກເພີ່ມ Code ທັງສອງສ່ວນແລ້ວ, ໃຫ້ກົດ Save Theme ຢູ່ໜ້າ Edit HTML ແລະ Save Arrangement ຢູ່ໜ້າ Layout.
ເຂົ້າໄປທີ່ Blog ຂອງທ່ານເພື່ອເບິ່ງວ່າ Facebook Page Plugin ສະແດງຂຶ້ນມາຢ່າງຖືກຕ້ອງຫຼືບໍ່.
ຄໍາແນະນໍາເພີ່ມເຕີມ:
ກວດສອບ URL ຂອງ Page: ໃຫ້ແນ່ໃຈວ່າ URL ຂອງ Page Facebook ທີ່ທ່ານປ້ອນໃສ່ໃນ Generator ນັ້ນຖືກຕ້ອງ.
ການປັບແຕ່ງ: ທ່ານສາມາດກັບໄປທີ່ Facebook Page Plugin Generator ເພື່ອປັບຄ່າຕ່າງໆ (ເຊັ່ນ: ຄວາມກວ້າງ, ການສະແດງໂພສ) ແລະ Copy Code ໃໝ່ມາປ່ຽນໃນ Blogger ໄດ້.
ການສະແດງຜົນ: ບາງຄັ້ງ Plugin ອາດຈະບໍ່ສະແດງຜົນໃນໜ້າແກ້ໄຂ (Editor) ຂອງ Blogger, ແຕ່ມັນຈະສະແດງຜົນເມື່ອທ່ານເບິ່ງ Blog ຕົວຈິງ.
ການຕອບສະໜອງ (Responsive Design): Facebook Page Plugin ຖືກອອກແບບມາໃຫ້ຕອບສະໜອງໄດ້ດີກັບຂະໜາດໜ້າຈໍຕ່າງໆ. ຖ້າທ່ານຕັ້ງ Width ເປັນຄ່າທີ່ຕໍ່າ ຫຼື ບໍ່ກໍານົດເລີຍ, ມັນຈະປັບຕົວໃຫ້ເຂົ້າກັບພື້ນທີ່ຫວ່າງ.
ຖ້າເຮັດຕາມຂັ້ນຕອນນີ້, ທ່ານກໍຈະສາມາດເອົາຊ່ອງ Facebook Page ຂອງທ່ານໄປແປະໄວ້ໃນ Blogger ໄດ້ຢ່າງສຳເລັດ! ຖ້າຕິດຂັດບ່ອນໃດ, ຖາມໄດ້ເລີຍເດີ້.
0 comments:
Post a Comment