Cara Membuat Button Share WhatsApp di Blog

Salah satu aplikasi perpesanan di perangkat mobile yang banyak digunakan adalah WhatsApp. Banyak pengguna perangkat smartphone melakukan penginstalan aplikasi ini. Bila ada artikel atau berita apapun dapat dengan mudahnya dibagikan ke sesama pengguna hanya dengan menekan tombol share. Sehingga cepat dapat dibaca oleh pengguna lain.

Bagi para pemilik blog dapat memanfaatkan momen seperti itu untuk membantu meningkatkan trafik blog dengan cara memasang tombol share aplikasi WhatsApp di blog.

Dengan menambahkan tombol share aplikasi WhatsApp di blog baik itu Blogspot ataupun WordPress, Pembaca artikel akan mudah sekali melakukan sharing artikel blog Anda ke pengguna WhatsApp lainnya. Artikel yang telah dishare di smartphone akan mengundang pembaca untuk mengunjungi blog Anda, Dengan demikian blog akan memperoleh trafik mobile.

Untuk membuatnya sangatlah mudah, sobat bisa ikuti langkah-langkahnya seperti dibawah ini :

Cara Membuat Button Share WhatsApp di Blog

1. Buka Dasbor Blog sobat

2. Klik menu Tema lalu pilih Edit HTML

3. Gabungkan kode Button share WhatsApp dibawah ini pada Button share WhatsApp yang lainya :

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

4. Cari kode </style>
Masukan kode CSS dibawah ini sebelum 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}

5. Klik Simpan Tema.

Apabila ada tidak kesesuaian tampilan atau CSS bisa sesuaikan dengan Share Button yang lainya.

Sekianlah postingan kali ini semoga bermanfaat dan terima kasih.