• Google
  • Blogger
  • WhatsApp
  • Design Contest
  • Facebook
  • Twitter
  • Instagram
  • Linkedin
  • Line
  • Payoneer
  • Privacy
  • Friday, 28 September 2018

    Update Button Share Facebook Untuk Di Blog Dan Website

    Update Button Share Facebook Untuk Di Blog Dan Website


    Mobile page Web page


    Update Facebook Developer untuk tombol share, memberikan kode dua versi, untuk website dan webmobile, juga dengan tiga pilihan tampilan button, box-count, button-count dan button, dengan dua ukuran button. Button share sekarang mungkin sudah menjadi seperti aksesories saja, karena fungsinya sudah dapat tergantikan oleh aplikasi share pada semua merk ponsel sekarang. Sedangkan untuk di pada website ini masih tetap dibutuhkan bagi pembacanya yang membuka website melalui pc atau laptop.




    Namun untuk di blogspot, blogspot sendiri sudah tersedia button share sehingga sudah pasti tidak dibutuhkan lagi. Untuk memasang button share di blogspot. Sedangkan pada desain website Anda harus mendapatkan kode pluginnya, untuk membuat atau mendapatkan kode plugin button share halamn website Anda, maka caranya, Anda dapat mengunjungi situs developer Facebook. 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 membuat plugin button share halaman website to Facebook, Anda dapat menggunakan fitur plugin share-button dengan tampilan button share default. Untuk button share pada website dengan web mobile berbeda dalam membuat kode pluginnya, namun kode script untuk keduanya sama. Caranya sangat seperti cara membuat button like, Anda hanya mengisi link website, mengatur ukuran dan model kemudian klik tombol mendapatkan kode. Selanjutnya kode tersebut Anda copy paste ke halaman webpage Anda mengikuti tata letak.


    Disini kami coba buat untuk lebih memudahkan lagi cara memasangkan kode button share tersebut pada halaman website Anda. Tahapan langkahnya sebagai berikut:


    1. Copy paste kode script di bawah ini di atas


    2. setelah masuk, buka windows baru dibrowser, ketik url facebook developer diatas <body> ;

       <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>
      


    3. Kemudian kode button sharenya, untuk

      1. Website

        copy paste kode dibawah ini pada tempat yang Anda inginkan di antara <body> dan </body>;

        <div class="fb-share-button" data-href="http://www. namadomain.com/namajudul.html( atau)url halaman website" data-layout="button" data-size="large" data-mobile-iframe="false"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.namadomain.com%2F2018%2F09%2Fnamajudul.html&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Bagikan</a></div>
        


      2. Web mobile

        copy paste kode dibawah ini pada tempat yang Anda inginkan di antara <body> dan </body> atau di media display css body;

        <div class="fb-share-button" data-href="https://www.namadomain.com/namajudul.html" data-layout="button" data-size="large" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.namadomain.com%2F2018%2F09%2Fnamajudul.html&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Bagikan</a></div>
        


    4. Selesai


    Sekarang tombol share sudah jadi, langkah selanjutnya, Anda tinggal menguji coba hasilnya. kemudian bandingkan dengan hasil dari tombol share yang ada di perangkat smartphone Anda untuk membagikan update postingan ke halaman facebook Anda. Karena yang dibuat adalah desain default, maka untuk membuat tombol share ke sosial media lainnya, harus presisi lebar dan panjangnya, agar match pada tampilan di web page Anda.




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


    Semoga bermanfaat.



    Artikel Terkait



    Update Button Share Facebook Untuk Di Blog Dan Website
    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: