JUDULs aBLsOG: tutorial

Halo mitra.! Kali ini mimin mau share tutorial cara membuat widget floating button whatsapp pada blogger

Fungsi dari button ini sangat berguna sekali. Bisa digunakan buat chat direct ke whatsapp admin blog, ajang promosi produk, costumer service, dll
Jadi, apabila anda adalah pemilik menurut olshop atau web atau blog, cocok sekali untuk memakai widget ini.
Langsung saja disimak tutorial berdasarkan kami
1. Login dengan akun blogger (blogspot) engkau , lalu masuk ke dashboard Blogger
2. Klik Tata Letak
3. Klik Tambahkan Gadget
4. Cari Dan Klik HTML/Javascript
5. Lalu Masukkan Kode Berikut

62xxxxxxxx&text=Halo..." sasaran="_blank">

6. Ubah text rona merah menggunakan nomor whatsapp kamu
7. Ubah text rona hijau dengan isi pesan yang ingin dikirim.. Contoh "halo gan!" (Gunakan kode %20 sebagai kode Spasi.. Contoh : halopersen20gan dan nanti hasilnya akan menjadi "halo gan" )
Lalu klik simpan dan lihat hasilnya

Cara Kedua

- Masuk ke situs //whatshelp.io/widget
Lalu klik Get Your Button
- Klik Ikon WhatsApp
- Masukkan Nomor Kamu
- Pilih Posisi Widget Yang Kamu Inginkan
- Pada Bagian Add the code to your website, Silahkan Masukkan Email Kamu. Lantaran kode Widget akan pada kirim lewat Email
- apabila Sudah bisa email, copy serta paste kan pada template blog kamu
Diatas Kode

Saat blogger mengupdate template ke V3, hal yang menciptakan jadi sentra perhatian adalah perubahan tampilan dalam kolom komentar nya yg diperbarui. Kolom komentar versi baru ini terlihat simple.
Tampilan komentar V3 Ini sudah diterapkan sang Mas Sugeng di Template yg fenomenal "VioMagz" yang sekarang telah mencapai V3.
Kolom komentar v3 jua diterapkan sang template bawaan blogger yaitu Contempo, Soho, Emporio, dan Notable
Namun anda ingin menerapkan kolom komentar V3 ini ke template yg belum memiliki kolom komentar v3, anda wajib membaca artikel ini
Caranya adalah :
1. Masuk ke dashbord blogger anda, Lalu klik Tema > Edit HTML
Atau download template yang anda pakai. Caranya Klik Tema > Backup/Pulihkan > Download Tema. Dan Edit melalui text editor (notepad)
2. Lalu Cari Kode
Dan tempelkan kode berikut ini sempurna dibawah

   type="font"
default="$(body.font)" value="normal 400 14px Roboto,Arial,sans-serif"/>
   type="color"
default="#fff" value="#ffffff"/>
   type="color"
default="#008c5f" value="#008c5f"/>
   type="color"
default="#008c5f" value="#008c5f"/>
   type="color"
default="#1d2129" value="#1d2129"/>
   type="font"
default="$(body.text.font)" value="normal 400 14px Roboto, Arial, sans-serif"/>
   type="color"
default="#fff" value="#ffffff"/>
   type="color"
default="#fff" value="#ffffff"/>
   type="font"
default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
   type="color"
default="#ccc" value="#cccccc"/>
   type="color"
default="#fff" value="#ffffff"/>
   type="color"
default="#fff" value="#ffffff"/>
   type="color"
default="$(body.text.color)" value="#1d2129"/>
   type="color"
default="$(body.text.color)" value="#1d2129"/>
   type="color"
default="$(body.text.color)" value="#1d2129"/>
   type="font"
default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
   type="font"
default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
   type="color"
default="$(body.text.color)" value="#1d2129"/>
   type="color"
default="$(body.text.color)" value="#6c6f74"/>
   type="color"
default="#008c5f" value="#008c5f"/>

dua. Cari Semua Kode data:post.commentFormIframeSrc
Yang berjumlah lebih menurut satu serta ganti semua kode menggunakan kode berikut ini

data:post.commentFormIframeSrc appendParams {skin: "contempo"}

Untuk lebih jelasnya lihat dibawah ini
Jangan Lupa SAVE theme nya ya..
Silahkan cek tampilan blog engkau . Jika berhasil akan terdapat perubahan misalnya gambar dibawah ini

Gimana? Makin keren kan? Dengan cara ini kamu gak bakal ketinggalan jaman.!
Kalau ada yg error atau terdapat pertanyaam, silahkan komen yak!
Special Thank's To www.igniel.com

JUDULs aBLsOG

Cara Buat Widget Melayang Chat Whatsapp Di Blogger

Cara Ganti Tampilan Komentar Blogger ke Versi Baru