Cara Membuat Tombol Share Whatsapp Untuk Blog atau Website AMP - Komputerdia | Berbagi Tutorial

Cara Membuat Tombol Share Whatsapp Untuk Blog atau Website AMP

.
.
komputerdia.com - Sudah kita ketahui semuanya bahwa saat ini kepopuleran whatsaap sudah menjadi media sosial yang sangat dgandrungi banyak kalangan. Tidak hanya digunakan untuk komunikasi saja, namun saat ini whatsapp juga sudah dijadikan sebagai media untuk melakukan promosi berbagai kegiatan dan bisnis.

Salah satu tindakan promosi yang bisa dijalankan melalui whatsapp adalah untuk membagikan konten-konten artikel yang sekiranya dapat bermanfaat untuk pihak lain. Dalam artikel kali ini saya akan menjelaskan bagaimana cara memasang tombol share whatsapp untuk blog atau website berbasis AMP.

Baca Juga Artikel Selanjutnya :

Cara Membuat Tombol Share Whatsapp Untuk Blog atau Website AMP

Cara Memasang Tombol Share Whatsapp AMP

  • Langkah pertama silahkan kalian login ke akun blog kalian
  • Masuk ke menu tema atau theme kemudian pilih menu edit html
  • Setelah itu silahkan kalian kode </head> dengan menekan tombol CTRL + F dan ketikkan perintah </head>
  • Salin dan tempelkan kode dibawah ini tepat diatas kode </head>
<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
  • Langkah selanjutnya silahkan kalian copy dan tempelkan kode dibawah ini tepat diatas kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.isMobileRequest == &quot;true&quot;'>
<amp-social-share type="whatsapp"
    layout="container"
    data-share-endpoint="whatsapp://send"
    expr:data-param-text='&quot;Baca artikel ini siapa tahu bermanfaat&quot; + data:blog.url'>
    <amp-img src="https://4.bp.blogspot.com/-0XYiiPfEZ1c/WBr8sQOimII/AAAAAAAAH6w/nkXzWqKrjRsIOMCR9bnBSt3RpuB4hcsvwCK4B/s1600/whatsapp-share.png"
      width="200"
      height="38"
      layout="fixed"
      alt="Share via Whatsapp"></amp-img>
</amp-social-share>
</b:if>
  • Kode yang berwarna merah bisa kalian ganti dengan gambar yang kalian inginkan
  • Langkah terakhir, silahkan kalian klik simpan dan lihat hasilnya
  • Selesai, dan semoga bermanfaat untuk kalian semuanya
.
.

Berlangganan Artikel terbaru (free):

Post a Comment