Social Icons

twitterfacebookgoogle pluslinkedinrss feedemail

20/11/55

การเพิ่มส่วนเสริม plugin facebook ใส่ใน blogger


            ถ้าใครเขียน blog  วันนี้ผมจะแนะนำการเพิ่มส่วนเสริมหรือ plugin ของ Facebook ในส่วนของการแสดงความเห็น เข้ามาใน blogger ของเราครับ 
            ส่วนเสริมของ Facebook มีหลายๆแบบ เช่นปุ่ม like ปุ่ม command ปุ่ม ลงชื่อเข้าใช้ เป็นต้นนะครับ แบบที่เราเข้าเวบต่างๆแล้วจะเห็นในเวบนั้นๆ "ท่านชอบข่าวนี้ หรือบทความนี้หรือไม่ " หรือแสดงความเห็นโดยใช้ชื่อ จาก Facebook แบบนี้ครับ
           วิธีการก็ไม่ยุ่งยาก ถ้าใครพอจะรู้เรื่อง html มาบ้างก็พอจะเข้าใจง่ายๆหน่อย 
           เริ่มแรก เข้าไปที่หน้า dashboard ของ blog ที่เราสมัครใช้งานอยู่ครับ https://www.blogger.com/home 


           ด้านซ้ายมือ ไปที่แม่แบบครับ กดที่ แก้ไข HTML 

                มีคำเตือนทำนองว่า การแก้ไข HTML อาจจะทำให้คุลักษณะของ บล้อคเสียหาย แน่ใจแล้วกด "ดำเนินการ " ครับ

               ต่อมา เปิดอีกหน้าหรือ tab ใหม่ของ browser ไปที่   facebook developers Social Plugins http://developers.facebook.com/docs/plugins/   

              จากนั้นไปที่ Comments  http://developers.facebook.com/docs/reference/plugins/comments/


  


        - ในช่อง URL to comment ใส่ url บล้อคของเราครับ
        - ช่อง number of post ใส่จำนวนโพสต์ที่จะให้แสดง พื้นที่น้อยใส่น้อย พื้นที่มากใส่มาก ตามสะดวกครับ
        - ช่อง width ความกว้างของ โพสต์ กะให้พอเหมาะใน บล้อคของเราครับ
        -  ช่อง light เลือกสีตามชอบใจ มีไม่กี่อย่าง บางสีมืดไป ต้องทดลองครับ
          เสร็จเรียบร้อย กด " Get Code " ครับ
คัดลอก Code ในช่องที่ 1 ไว้ครับ แล้วนำไป วางหรือ paste ใน แม่แบบบล้อคที่เราเปิดไว้รอแก้ไข html หลัง tag < body >  ตามภาพครับ กด score หา tag <body > ให้เจอ อย่าวางมั่วครับ

         ตั้งแต่ <script > ถึง </script > นะครับ 
         เรียบร้อยกด " บันทึกเทมเพลต " แล้วกด " ปิด " ไปเลยครับ
      

                   จะเข้ามาที่หน้าแก้ไขเทมเพลตบล้อคของเราต่อ  ด้านซ้ายมือ ไปที่ " แม่แบบ "
                   กดเพิ่ม " Garget " ที่ไหนก็ได้ ที่ๆเราอยากให้ ความเห็นจาก facebook แสดง
 

         เลือก HTML /จาวาสคริปต์
         

         กลับมาที่ facebook developers   Social Plugins comment ในช่องที่ 2 ด้านล่าง คัดลอก code html ไว้แล้วนำไป วางใน Garget HTML ที่เราสร้างขึ้นครับ  .ใส่ชื่อแล้วแต่เรา วางเสร็จ กด " บันทึก " หน้าต่างจะปิดเองครับ
        
       เมื่อครู่ผมสร้าง Garget ไว้ที่ด้านขวาของหน้าบล้อคครับ พื้นที่ส่วนนั้นมันน้อย ผมเลยลากมาไว้ใต้ บทความ แทนครับ พื้นที่จะเยอะหน่อย

      แล้วอย่าลืมกด " บันทึก " ด้วยนะครับ

           ลองเข้าไป ดูที่ blog ของเราได้แล้วครับ 
           ส่วนแบบอื่นๆเช่นกด like ก็มีลักษะ คล้ายๆกันนี้ครับ ตามแบบใน บล้อคของผม http://saraphe.blogspot.com ครับ
  

--
สารพัดสารเพ
บ้า ubuntu



2 ความคิดเห็น:

  1. ผมทำไม่ได้ทำตามนี้แล้ว

    ตอบลบ
    คำตอบ
    1. ผมก็ไม่ใช้แล้วครับ มันมั่ว ไม่รู้คนแสดงความเห็นในบทความไหนแน่ มันรวมกันหมดครับอยากจะให้แต่ละบทความแยกความเห็นกันครับ ต้องขออภัยด้วย ไม่ได้ลบบทความนี้ทิ้ง แต่อาจจะมีประโยชน์สำหรับบางคนที่ใช้เวบธรรมดาไม่ใช่ blogspot ครับ ขอบคุณทีแสดงความเห็นครับ

      ลบ

ขอบคุณที่ติดตามครับ

$value) { if (strpos($param, 'color_') === 0) { google_append_color($google_ad_url, $param); } else if (strpos($param, 'url') === 0) { $google_scheme = ($GLOBALS['google']['https'] == 'on') ? 'https://' : 'http://'; google_append_url($google_ad_url, $param, $google_scheme . $GLOBALS['google'][$param]); } else { google_append_globals($google_ad_url, $param); } } return $google_ad_url; } $google_ad_handle = @fopen(google_get_ad_url(), 'r'); if ($google_ad_handle) { while (!feof($google_ad_handle)) { echo fread($google_ad_handle, 8192); } fclose($google_ad_handle); } ?>

Total Pageviews