Membuat Tombol Share To Messenger Untuk Blogger

Tombol share to Messenger ini aku bagikan untuk melengkapi tombol share pada blog Anda sehingga tombol share blog Anda menjadi lebih komplit dan lebih memudahkan pengunjung untuk menyebarkan postingan ke banyak sekali platform sosial media.

Ketika tombol share to Messenger ini diklik, akan masuk ke halaman menyebarkan Facebook ibarat pada gambar di bawah ini. Anda tinggal ketikan nama-nama teman Facebook dan menambahkan pesan.


Sebagai rujukan silahkan klik tombol menyebarkan ke Messenger di bawah ini untuk membagikan postingan ini ke teman Messenger Anda.

Messenger

Nah bila Anda ingin mencoba memakai tombol menyebarkan ke Messenger ibarat ini, silahkan ikuti langkah-langkahnya berikut ini.

Ada beberapa hal yang harus disiapkan untuk memakai tombol share to Messenger ini, di antaranya:

1. Buat aplikasi Facebook untuk page Facebook blog Anda, bila sudah memilikinya maka silahkan catat ID aplikasinya.
2. Membuat halaman "Terima Kasih Telah Berbagi", ibarat contoh ini dan silahkan catat URL lamannya.

Jika 2 hal di atas sudah Anda buat, silahkan gunakan instruksi berikut ini untuk menampilkan tombol share to Messenger.

 <a expr:href='&quot;https://www.facebook.com/dialog/send?app_id=1234567890&amp;link=&quot; + data:post.url + &quot;&amp;redirect_uri=url_laman_thanks&quot;' target="_blank" rel="nofollow noopener" title="Membuat Tombol Share To Messenger Untuk Blogger">
 <svg class="messenger-icon" width="24" height="24" viewBox="0 0 24 24">
     <path fill="#0084ff" d="M12,2C6.5,2 2,6.14 2,11.25C2,14.13 3.42,16.7 5.65,18.4L5.71,22L9.16,20.12L9.13,20.11C10.04,20.36 11,20.5 12,20.5C17.5,20.5 22,16.36 22,11.25C22,6.14 17.5,2 12,2M13.03,14.41L10.54,11.78L5.5,14.41L10.88,8.78L13.46,11.25L18.31,8.78L13.03,14.41Z" />
 </svg> <span>Messenger</span>
 </a>

Silahkan ganti instruksi 1234567890 dengan ID aplikasi Facebook blog Anda dan ganti juga instruksi url_laman_thanks dengan URL laman thanks yang tadi dibentuk sebelumnya.

Dan tambahkan CSS berikut biar posisi ikon Messenger rata tinggi dengan teks.

 .messenger-icon{vertical-align:middle}

Selamat mencoba dan semoga bermanfaat.


Sumber https://www.kompiajaib.com/

Share this post