3 Cara Paling Mudah Dalam Menampilkan Ikon WhatsApp di Blogspot
Kita ketahui blogspot adalah tempat menulis sebuah artikel yang bisa di baca oleh pengunjung.
Jika pengunjung suka dan mendapatkan manfaat dari artikel yang dibacanya maka tidak segan pengunjung membagikannya, namun terkadang pengunjung bingung cara membagikan/men-share artikel yang dibacanya.
Disinilah tugas pemiliki blog untuk menampilkan ikon media sosial baik itu dari facebook, whatsapp, twitter, dan banyak lagi.
Focus pembahasannya saat ini ialah aplikasi WhatsApp, lohh kenapa harus WhatsApp??
Karena Pengguna WhatsApp itu jumlahnya suangat banyak bahkan samapai mencapai 2 milyar di tahun 2020, bisa diketahui dari data di bawah ini
Maka Sudah Wajib untuk menampilkan ikon WhatsApp untuk pemilik website maupun blog.
Fungsi dari Tombol WhatsApp di blog bisa berfungsi untuk membagikan artikel/postingan blog, dan juga bisa sebagai tombol chat/kirim pesan kepada pemilik blog.
Berdasarkan fungsi diatas maka Ada 3 cara paling mudah dalam menampilkan ikon WhatsApp di blogspot
1. Menampilkan ikon WhatsApp yang berguna untuk membagikan/men-share postingan blog
Pertama kunjungi alamat ini https://www.addthis.com,
Website ini menyediakan tombol whatsapp yang berguna untuk membagikan postingan, website ini tidak hanya menyediakan tombol whatsapp namun media sosial yang lain yang banyak digunakan oleh orang, yaitu facebook, twitter, pinterest, dan banyak lagi,
Keuntungan menggunakan website ini sangat mudah dan gratis serta hasilnya pun memuaskan.
setelah anda mengklik https://www.addthis.com, maka akan muncul seperti di bawah ini silahkan pilih Get Started Its Free
Kemudian silahkan isi email anda, buat pasword yang mudah diingat, kemudian tulis lagi password tadi, pilih negara kamu, jika indonesia ya pilih indonesia, kemudian pilih kotak kecil saya bukan robot, kemudian pilih Lets's Get Started, seperti keterangan di bawah ini
Setelah anda mengikuti langkah-langkahnya maka akan muncul dasboard dari website addthis.com, silahkan pilih Share Buttons, seperti dijelaskan dibawah ini,
Penjelasan tentang Share Buttons ialah membuat tombol share postingan ke berbagai media sosial milik pengunjung, Follow Buttons ialah menampilan tombol ikuti/follow untuk membangun audiens pengunjung blog anda, Related Posts ialah menampilkan post terkait yang paling populer/paling banyak di baca oleh pengunjung sehingga membuat pengunjung juga ikut membaca post tersebut. List Building ialah menampilkan formulir bagi pungunjung untuk berlangganan content blog, Link Promotion ialah membuat link untuk tujuan agar pengunjung bisa mengklik dan melihat isi link yang dibuat. Website Tip Jar ialah cara paling mudah untuk membuat dan mengumpulkan donasi dari pengunjung, hal ini sangat berguna untuk kegiatan sosial.
Kemudian langkah selanjutnya ialah mengatur tombol dari media sosial ini, misalkan saya menaruh tombol WhatsApp di posisi paling atas dan berada di sebelah kiri, dan saya mengatur untuk tampilan di mobile berada di bawah dari blog https://baikselaluaja.blogspot.com anda juga bisa mengatur sesuai selera, anda juga bisa mengatur warna dari tombol WhatsApp ini, mengatur ukurannya dan melihat hasil pengaturan di samping kanan atas, setelah selesai silahkan pilih Continue,
seperti yang ditunjukkan di bawah ini,
Kemudian pilih Activate tool, seperti keterangan di bawah ini,
Langkah selanjutnya silahkan pilih Get The Code pada posisi kanan atas, kemudian scroll ke bawah lalu copy kodenya kemudian paste di kode </body> di HTML dari tema blogspot anda.
Cara di blogspot Silahkan pilih Tema kemudian pilih Edit HTML cari kode </body> dengan cara klik dulu kode html yang ada di blogspot kemudian tekan di keyboad Ctrl + F kemudian ketikkan kode </body> lalu enter, nanti akan muncul kode </body> silahakan anda paste di atas kode tersebut.
Maka nanti hasilnya akan seperti dibawah ini
Selesai, sangat mudah bukan,
Chat/kirim pesan WhatsApp ini sangat berguna bagi pemilik blog yang memiliki produk jualan, atau produk jasa, produk apapun yang akan di promosikan di blogspot,
Sekaligus berfungsi untuk membangun target market untuk produk jualan anda.
Caranya cukup mudah yaitu kunjungi website https://getbutton.io/ website ini menyediakan tombol chat banyak media sosial dan salah satunya ialah WhatsApp
inilah tampilan website getbutton.io kemudian pilih Get Your Button
Kemudian anda Pilih ikon WhatsApp lalu masukkan nomer WhatsApp anda
Setelah anda memasukkan nomor WhatsApp, silahakan scroll ke bawah untuk mengatur posisi ikon WhatsApp, Untuk kotak merah pada gambar di bawah tidak bisa di rubah karena ini versi berbayar, sedangkan untuk versi gratis maka hanya bisa di rubah Position dan Call To Action.
seperti gambar di bawah ini
Kemudian scroll ke bawah lagi, untuk pengisian di bawah ini versi berbayar, harga nya $2,49/bulan. harga yang di tawarkan ini cukup murah, jika anda memiliki blog blogspot toko online, sehingga mudah dalam terjadi penjualan.
Pada versi gratis tidak perlu mengisi gambar di atas, langsung scroll ke bawah kemudian anda masukkan email anda, karena kode tombol chat WhatsApp akan muncul setelah anda masukka email,
silahkan copy kode dan paste di posisi sebelum dari kode </body> seperti keterangan di bawah ini
Cara mempaste kode diatas ialah masuk ke Menu Tema kemudian Edit HTML lalu klik kode html kemudian tekan Ctrl+F masukkan kode </body> lalu enter. Silahkan masukkan kode tersebut sebelum kode </body>.
Maka tombol WhatsApp akan muncul di pojok kanan dari blog/website anda. Selamat.
Kode yang bisa anda salin untuk WhatsApp yang berfungsi untuk share konten di akhir postingan dari artikel yaitu
Caranya
Masuk ke Tema kemudian Edit Html lalu paste kode dibawah kode <data:post.body/> hasilnya akan tampil di akhir postingan artikel anda.
Kode HTML yang bisa di copy untuk WhatsApp yang berfungsi untuk Chat langsung ke WhatsApp yaitu
Caranya anda ganti dulu Pada Phone=isi nomer WhatsApp anda, kemudian masuk ke Tema kemudian Edit HTML lalu paste kode tersebut sebelum kode </body>
Selesai
Semoga bermanfaat
Jika pengunjung suka dan mendapatkan manfaat dari artikel yang dibacanya maka tidak segan pengunjung membagikannya, namun terkadang pengunjung bingung cara membagikan/men-share artikel yang dibacanya.
Disinilah tugas pemiliki blog untuk menampilkan ikon media sosial baik itu dari facebook, whatsapp, twitter, dan banyak lagi.
Focus pembahasannya saat ini ialah aplikasi WhatsApp, lohh kenapa harus WhatsApp??
Karena Pengguna WhatsApp itu jumlahnya suangat banyak bahkan samapai mencapai 2 milyar di tahun 2020, bisa diketahui dari data di bawah ini
Fungsi dari Tombol WhatsApp di blog bisa berfungsi untuk membagikan artikel/postingan blog, dan juga bisa sebagai tombol chat/kirim pesan kepada pemilik blog.
Berdasarkan fungsi diatas maka Ada 3 cara paling mudah dalam menampilkan ikon WhatsApp di blogspot
1. Menampilkan ikon WhatsApp yang berguna untuk membagikan/men-share postingan blog
Pertama kunjungi alamat ini https://www.addthis.com,
Website ini menyediakan tombol whatsapp yang berguna untuk membagikan postingan, website ini tidak hanya menyediakan tombol whatsapp namun media sosial yang lain yang banyak digunakan oleh orang, yaitu facebook, twitter, pinterest, dan banyak lagi,
Keuntungan menggunakan website ini sangat mudah dan gratis serta hasilnya pun memuaskan.
setelah anda mengklik https://www.addthis.com, maka akan muncul seperti di bawah ini silahkan pilih Get Started Its Free
 |
| tangkapan layar https://www.addthis.com |
 |
| tangkapan layar https://www.addthis.com |
Setelah anda mengikuti langkah-langkahnya maka akan muncul dasboard dari website addthis.com, silahkan pilih Share Buttons, seperti dijelaskan dibawah ini,
 |
| tangkapan layar https://www.addthis.com |
Kemudian langkah selanjutnya ialah mengatur tombol dari media sosial ini, misalkan saya menaruh tombol WhatsApp di posisi paling atas dan berada di sebelah kiri, dan saya mengatur untuk tampilan di mobile berada di bawah dari blog https://baikselaluaja.blogspot.com anda juga bisa mengatur sesuai selera, anda juga bisa mengatur warna dari tombol WhatsApp ini, mengatur ukurannya dan melihat hasil pengaturan di samping kanan atas, setelah selesai silahkan pilih Continue,
seperti yang ditunjukkan di bawah ini,
 |
| tangkapan layar https://www.addthis.com |
Kemudian pilih Activate tool, seperti keterangan di bawah ini,
 |
| tangkapan layar https://www.addthis.com |
Langkah selanjutnya silahkan pilih Get The Code pada posisi kanan atas, kemudian scroll ke bawah lalu copy kodenya kemudian paste di kode </body> di HTML dari tema blogspot anda.
Cara di blogspot Silahkan pilih Tema kemudian pilih Edit HTML cari kode </body> dengan cara klik dulu kode html yang ada di blogspot kemudian tekan di keyboad Ctrl + F kemudian ketikkan kode </body> lalu enter, nanti akan muncul kode </body> silahakan anda paste di atas kode tersebut.
Maka nanti hasilnya akan seperti dibawah ini
 |
| tangkapan layar dari blog https://baikselaluaja.blogspot.com |
Cara ke dua
2. Menampilkan Tombol WhatsApp berfungsi untuk Chat/kirim pesan ke Pemilik BlogChat/kirim pesan WhatsApp ini sangat berguna bagi pemilik blog yang memiliki produk jualan, atau produk jasa, produk apapun yang akan di promosikan di blogspot,
Sekaligus berfungsi untuk membangun target market untuk produk jualan anda.
Caranya cukup mudah yaitu kunjungi website https://getbutton.io/ website ini menyediakan tombol chat banyak media sosial dan salah satunya ialah WhatsApp
inilah tampilan website getbutton.io kemudian pilih Get Your Button
 |
| tangkapan layar di https://getbutton.io/ |
Kemudian anda Pilih ikon WhatsApp lalu masukkan nomer WhatsApp anda
 |
| tangkapan layar di https://getbutton.io/ |
Setelah anda memasukkan nomor WhatsApp, silahakan scroll ke bawah untuk mengatur posisi ikon WhatsApp, Untuk kotak merah pada gambar di bawah tidak bisa di rubah karena ini versi berbayar, sedangkan untuk versi gratis maka hanya bisa di rubah Position dan Call To Action.
seperti gambar di bawah ini
 |
| tangkapan layar di https://getbutton.io/ |
Kemudian scroll ke bawah lagi, untuk pengisian di bawah ini versi berbayar, harga nya $2,49/bulan. harga yang di tawarkan ini cukup murah, jika anda memiliki blog blogspot toko online, sehingga mudah dalam terjadi penjualan.
 |
| tangkapan layar di https://getbutton.io/ |
Pada versi gratis tidak perlu mengisi gambar di atas, langsung scroll ke bawah kemudian anda masukkan email anda, karena kode tombol chat WhatsApp akan muncul setelah anda masukka email,
silahkan copy kode dan paste di posisi sebelum dari kode </body> seperti keterangan di bawah ini
 |
| tangkapan layar di https://getbutton.io/ |
Maka tombol WhatsApp akan muncul di pojok kanan dari blog/website anda. Selamat.
Cara ketiga
3. Cara Menampilkan ikon WhatsApp berguna untuk berbagi konten dan chat dengan Script/kode HTMLKode yang bisa anda salin untuk WhatsApp yang berfungsi untuk share konten di akhir postingan dari artikel yaitu
<!-- Whatsapp Share Buttons Start -->
<script type='text/javascript'>if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="https://cdn.jsdelivr.net/whatsapp-sharing/1.3.4/whatsapp-button.js";h.appendChild(s);}</script> <a class='wa_btn wa_btn_l' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>WhatsApp!</a>
<!-- Whatsapp Share Buttons End -->
<script type='text/javascript'>if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="https://cdn.jsdelivr.net/whatsapp-sharing/1.3.4/whatsapp-button.js";h.appendChild(s);}</script> <a class='wa_btn wa_btn_l' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>WhatsApp!</a>
<!-- Whatsapp Share Buttons End -->
Caranya
Masuk ke Tema kemudian Edit Html lalu paste kode dibawah kode <data:post.body/> hasilnya akan tampil di akhir postingan artikel anda.
Kode HTML yang bisa di copy untuk WhatsApp yang berfungsi untuk Chat langsung ke WhatsApp yaitu
<a class='fixed-whatsapp' href='https://api.whatsapp.com/send?phone=628xxxxxxx' rel='nofollow noopener' target='_blank' title='Whatsapp'/>Caranya anda ganti dulu Pada Phone=isi nomer WhatsApp anda, kemudian masuk ke Tema kemudian Edit HTML lalu paste kode tersebut sebelum kode </body>
Selesai
Semoga bermanfaat
Comments
Post a Comment