Membuat Tombol Share Whatsapp di Blog

Whatsapp memang sudah menjadi salah satu Aplikasi yang sering digunakan untuk Chatting dan sebagainya untuk memberikan berbagai informasi kepada orang lain ataupun hanya sekedang untuk berbagai atau hanya untuk melakukan order barang atau hal lain tentu saja kebanyakan orang menggunakan Whatsapp.

Selain itu bila kita membuat sebuah konten yang cukup viral tentu saja, kita bisa meminta bantuan teman dari Whatsapp untuk membuatnya lebih terkenal lagi dan hal ini akan berdampak pada pengunjung ke blog yang kita buat.

Untuk membuat tombol Whatsapp tersebut tentu saja ada 2 cara yaitu dengan javascript dan tanpa javascript karena menggunakan javascript mungkin akan mempengaruhi kecepatan blog jadi saya hanya akan membahas yang tanpa perlu menggunakan javascript saja.

Membuat Tombol Share Whatsapp di Blog

Pertama kalian masuk ke bagian Edit Template lalu klik Edit HTML.

Kedua tambahkan kode share whatsapp ini dengan tombol share di blog kalian.

<li class='wa-button'><a data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/> WhatsApp</a></li>

Ketiga kita tambahkan CSSnya  dibawah ini dan taruh tepat diatas kode "</style>".

.wa-button{color:#fff;margin:0 auto;padding:0;font-size:14px;font-weight:700}
.wa-button a{color:#fff;margin:0 auto;padding:10px 8px;background:# 4dc247}
.wa-button i{font-weight:400;margin:0 10px 0 0}

Terakhir simpan template.

Bagikan Artikel ini