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.
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
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.)
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>
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.
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?
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='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + 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}(Kode tersebut juga saya ambil dari blog bung frangki, namun tidak sama persis saya ubah pada warna backgroundnya)
.wa-button a{color:#fff;margin:0 auto;padding:10px 8px;background:#81FF00}
.wa-button i{font-weight:300;margin:0 5px 0 0}
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
