• Google
  • Blogger
  • WhatsApp
  • Design Contest
  • Facebook
  • Twitter
  • Instagram
  • Linkedin
  • Line
  • Payoneer
  • Privacy
  • Thursday 27 September 2018

    Update Button Follow Facebook Untuk Di Blog Dan Website

    Update Button Follow Facebook Untuk Di Blog Dan Website




    Facebook Developer telah membuat update per Februari 2018 untuk plugin Facebook. Plugin Facebook ini fasilitas fitur untuk menautkan link Facebook untuk disematkan di blog dan website. Untuk yang sekarang plugin sudah dapat automatis dapat di copy paste code, kemudian dipasangkan di blog atau website. Yang dihilangkan plugin Follow Akun Facebook atau Profile Facebook, plugin ini diganti dengan plugin button like, like-button.




    Kode plugin sudah auto copy kode, karena untuk mendapatkan kode Anda harus login ke web Facebook Developer, untuk masuk ke web Facebook Developer, linknya ini, "https://developers.facebook.com/docs/plugins/". Di sana plugin yang tersedia yaitu, plugin group, plugin fanpage ( halaman ), semat post, semat video, semat image, plugin komentar dan plugin like. Dan yang terbaru adalah plugin group. Untuk mengaktifkan plugin ini, facebook menyediakan dua mode, menggunakan iframe dan menggunakan javascript.


    Untuk membuat plugin button follow Profile Facebook, Anda dapat menggunakan fitur plugin like-button dengan tampilan button like baku atau ukuran default, untuk membuat setelan Anda tinggal mencentang atau tidak mencentak checkbox sebelum melakukan set kode. Untuk lebih jelasnya, caranya sebagai berikut:


    1. Login ke akun facebbok di pc atau Laptop


    2. setelah masuk, buka windows baru dibrowser, ketik url facebook developer diatas


    3. Akan terbuka halaman Plugin sosial


    4. Pilih tombol suka


    5. Scrol ke bawah, jangan diubah url


    6. kemudian bisa diisi lebar / width dengan ukuran pixel, atau daoat dikosongkan untuk ukuran default.


    7. Tata letak, dapat disesuaikan dengan keinginan, dapat memilih box_count, button_counts atau button


    8. Ukuran layout dapat dipilih besar atau kecil.


    9. Wajah teman Facebook dapat ditampilkan atau tidak, untuk tidak ingin ditampilkan kosongkan checkbox


    10. Setelah selesai klik tombol "dapatkan kode"


    11. Copy paste kode di website, d sini;

      1. Website

        <html>
        <head>
          <title>Your Website Title</title>
            <!-- You can use open graph tags to customize link previews.
            Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
          <meta property="og:url"           content="https://www.your-domain.com/your-page.html" />
          <meta property="og:type"          content="website" />
          <meta property="og:title"         content="Your Website Title" />
          <meta property="og:description"   content="Your description" />
          <meta property="og:image"         content="https://www.your-domain.com/path/image.jpg" />
        </head>
        <body>
        
          <!-- Load Facebook SDK for JavaScript -->
          <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
            fjs.parentNode.insertBefore(js, fjs);
          }(document, 'script', 'facebook-jssdk'));</script>
        
          <!-- Your like button code -->
          <div class="fb-like" 
            data-href="https://www.your-domain.com/your-page.html" 
            data-layout="standard" 
            data-action="like" 
            data-show-faces="true">
          </div>
        
        </body>
        </html>
        </pre>
        


      2. Blogger



        1. Klik "Tata Letak"


        2. Klik add gadget


        3. Pilih html/javascript


        4. copy paste kode yang didapatkan disana semuanya di sini:

          <div class="fb-like" data-href="https://yourname.blogspot.com/hyperlink.html" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
          <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
              fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
          
          


    12. selesai


    Untuk yang lainnya seperti membagikan update postingan ke halaman facebook, dapat dibuatkan di Facebook developer menggunakan javascript dan atau dapat langsung di fitur tanda titik tiga vertikal disebelah kanan postingan, dengan mode menggunakan iframe.




    Demikan cara menambahkan button follow profile facebook dari update terbaru facebook developer.


    Semoga bermanfaat.



    Artikel Terkait



    Update Button Follow Facebook Untuk Di Blog Dan Website
    Cara Aktifkan 2 Faktor Keamanan Facebook
    Berkarir Di Facebook
    Cara Menghasilkan Uang Di Facebook
    Facebook Tips Cara Settings Data Pengguna
    Snooze Button Fitur Baru Facebook
    Tips Memulihkan Account Facebook Karena Handphone Hilang Atau Dicuri
    Tips Cara Sign Up Facebook Yang Baik Dan Benar
    Tip Cara Mengetahui Asli Atau Palsu Profile Facebook
    Ujicoba Photo Telanjang Oleh Facebook
    Tip Tambah Plugin FanPage Facebook
    Tips Create FanPage Facebook

    No comments: