Cara Gampang Memasang Tombol Share Whatsapp Di Bawah Postingan.

Baca Juga

Cara Memasang Tombol Share Whatsapp di Bawah Postingan - Whatsapp sebagai media chat yang mempunyai banyak pengguna di Indonesia tentunya menjadi peluang yang baik bagi seorang blogger untuk membagikan artikelnya ke suatu grup whatsapp. Hal ini tentunya berkhasiat untuk meningkatkan trafik pada blog anda.

Bagaimanakah anda membagikan artikel ke grup whatsapp anda? Apa dengan mengcopy url pribadi ? Cara tersebut memang dapat dilakukan namun tidak efektif. Anda masih harus mengcopy dan mempaste link ke grup whatsapp tersebut.

Lalu Bagaimana Solusinya?

Dengan menambah tombol share whatsapp pada blog kita. Kaprikornus anda ataupun pengunjung tinggal mengklik tombol WhatsApp ini apabila ingin membagikannya ke teman ataupun ke grup WhatsApp.

Sebenarnya tombol share whatsapp ini dapat anda tempelkan dimana saja. Baik header, di bawah postingan, maupun di  footer. Namun pada kesempatan kali ini, admin akan memberitahu bagaimana cara menambahkan tombol share whatsapp di bawah postingan blog

Bagaimana Cara Membuat Tombol Share Whatsapp Di Bawah Postingan?

1. Hal pertama yang harus anda lakukan yaitu membuka html template anda. 

Bagi yang belum paham, admin akan jelaskan caranya.

Loginlah ke akun blog anda. Kemudian pilih sajian tema/layout(jika settingan blogger anda berbahasa inggris) lalu pilihlah edit HTML.


(Jangan lupa melaksanakan backup terlebih dahulu sebelum memulai pengeditan biar jikalau terjadi sesuatu yang tidak diinginkan dapat dikembalikan ke asalnya.)

2. Setelah itu masukkan aba-aba ini di bersahabat tombol sosial share yang lain yang berada di bawah postingan ( biasanya aba-aba tombol share ini berada di bawah aba-aba <span class='bottomshare'> jikalau tidak ada carilah yang seolah-olah dengan aba-aba tersebut.

Masukkan aba-aba berikut ini sempurna di bawahnya

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

(Kode tersebut saya ambil dari blog bung frangki)

Apa sudah selesai? Belum. Anda masih harus menambahkan css untuk mempercantik tampilan tombol share whatsapp anda nantinya. Masukkan aba-aba css tombol whatsapp diatas aba-aba </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:#81FF00}
.wa-button i{font-weight:300;margin:0 5px 0 0}

(Kode tersebut juga saya ambil dari blog bung frangki, namun tidak sama persis saya ubah pada warna  backgroundnya)

jikalau aba-aba css sudah terpasang, maka pribadi dapat diterapkan ke blog anda dan inilah balasannya :

Apakah tombol share ini menciptakan blog saya lemot? Tidak. Karena tombol whatsapp ini sama sekali tidak memakai aba-aba javascript. Hanya html dan css saja.

Bagaimana apakah sudah dapat memasang tombol share whatsappnya? Jika ada aba-aba error silahkan tanya saja di kolom komentar.

Sekian postingan wacana menambah tombol share whatsapp semoga bermanfaat bagi pembaca sekalian.

Baca Juga : Cara Mengatasi Komentar yang Tidak Muncul