Cara membuat button share berbagi via aplikasi di facebook

Cara membuat button share berbagi via aplikasi di facebook

Gambar di atas contoh share artikel blog  via aplikasi t3pemula di facebook
sesuai judul artikel Cara membuat button share berbagi via aplikasi di facebook
langsung saja pertama-tama buat dulu aplikasi di facebook silahkan lihat disini

Cara membuat Aplikasi di facebook buat developer website

sudah buat aplikasi lanjut ketahap berikutnya login dulu ke BLOG > TEMA > EDIT HTML

simpan script ini di atas tag </body>

"
<script>
window.fbAsyncInit = function() {
    FB.init({
        appId            : 'YOUR APP ID',
        status           : true,
        cookie           : true,
        version          : 'v6.0'             
    });
 
    $( '.fb-share' ).click(function(e){
        e.preventDefault();
        var image = $(this).siblings('img').attr('src');

        FB.ui(
                {
                    method: 'share',
                    href: $(location).attr('href') + '?og_img=' + image,
                },
                function (response) {

                }
            );
    })
};

(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/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
 </script>"


ganti tulisan YOUR APP ID dengan id aplikasi yang sudah di buat
selanjutnya masih di dalam edit html simpan code ini di bawah tag <head> atau di atas </head>
 <meta content='YOUR APP ID' property='fb:app_id'/>
   <meta content='ID FB ADMIN' property='fb:admins'/>
ganti tulisan YOUR APP ID dengan id aplikasi anda dan ID FB ADMIN ganti dengan id profil fb anda,
cara mengetahui id profil anda silahkan lihat di sini
Cara mengetahui ID profil Facebook / ID Grup / ID Halaman
masih dalam edit html cari code yang mirip
 <b:includable id='shareButtons' var='post'>
simpan code ini di bawah code atas
 <div id='share-buttons'>
 <a class='fb-share' href=' data:post.url '>
    <!--<a class='facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u= &quot; + data:post.url ' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=650, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>-->
        <img alt='share-Facebook' src=https://lh3.googleusercontent.com/-ywryiZVqPkU/XoXfKJ7QiXI/AAAAAAAACOM/nQN5zxZPCV4n0Rb5qBhrvR1lN4iV4R8cgCLcBGAsYHQ/h120/fb-share.png '/>
  </a>
   </div>
simpan kode css ini
di bawah  <b:skin atau di atas  ]]></b:skin>

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
save dan coba tes bagikan

source code : https://codemiq.com/en/custom-image-fb-ui-facebook-share/

Bagikan:

Related Posts