Cara Membuat Tombol Contact WhatsApp Melayang di Blogger

Blogger Sukses ~ Cara Membuat Tombol Contact WhatsApp Melayang di Blog - Menu Contact pada blog pasti sudah tidak asing lagi bagi kalian Blogger Indonesia, Contact adalah sarana untuk pengunjung jika ingin mengubungi pemilik atau admin suatu website.
Cara Membuat Tombol Contact WhatsApp Melayang di Blogger

Pada kesempatan ini mimin akan berikan tutorial cara membuat tombol contact whatsapp melayang di blog yang cukup populer di website website jual beli ternama. Kini di blog Anda juga bisa di pasang tombol contact whatsapp agar pengunjung dapat mengubungi Anda (pemilik Blog).

Cara Membuat Toombol Contact WhatsApp Melayang di Blog cukup mudah sekali dan tanpa ribet kurang dari 5 menit Anda sudah bisa menampilkan tombol contact whatsapp melayang di blog.

Cara Membuat Toombol Contact WhatsApp

Berikut adalah tutorial membuat tombol contact whatsapp melayang di blog. Anda bisa memasangnya di blog biasa atau di blog jual beli atau jasa, selamat mencoba.

Langkah 1 : Masuk Blogger

Masuk ke blogger dengan akun Anda, kemudian pilih menu "Tema" >> Pilih "Edit HTML".

Langkah 2 : Copas Kode CSS

Lalu copy kode CSS dibawah ini, kemudian pastekan diatas kode ]]></b:skin>  .
.whatsapp {bottom:10px;right:10px;background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6);position: fixed; z-index: 99999999;border-radius:20px;padding:5px 10px 5px 5px}
.whatsapp span{background:green;padding:3px 6px;border-radius:100%;color:white}
.whatsapp a{color: rgba(0, 0, 0, 0.6)}

Langkah 3 : Copas Kode HTML

Copy lagi kode dibawa, kemudian pastekan diatas kode </body>.
<div class="whatsapp"><a href="https://wa.me/62838xxxx?text=Min%20saya%20request%20tutorial%20membuat%20blog%20keren%20seperti%20bloggersukses.id" target="_blank"><span><i class="fa fa-whatsapp"></i></span> Hubungi Kami</a></div>


Keterangan!!!

Ubah nomor : "62838xxxx"

Ubah  taxt : "Min%20saya%20request%20tutorial%20membuat%20blog%20keren%20seperti%20bloggersukses.id"

%20 adalah menandakan spasi.

Ubah susuai yang Anda inginkan

×

Langkah Terakhir : Simpan

Jika nomor dan taxt sudah di ubah silahkan "simpan tema" dan lihat hasilnya.

Itulah tentang cara membuat tombol contact whatsapp melayang di blogger keren, semoga tutorial ini bermanfaat bagi banyak orang jika.

Jika Anda suka dengan tutorial seperti ini silahkan ikuti blog bloggersukses dengan menakan tombol dibawah ini.

Follow Me

Buka Komentar

0 Response to "Cara Membuat Tombol Contact WhatsApp Melayang di Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel