Cara Memasang Widget Telepon Langsung di Blog

Cara Memasang Widget Telepon Langsung di Blog - Pernahkah Anda membaca artikel yang pada bagian halamannya terdapat tombol telepon langsung? Biasanya sih banyak ditemukan di blog, situs, atau web penyedia produk dan jasa.

Saat tombol tersebut ditekan, akan terjadi pengalihan dari halaman ke panggilan perangkat. Tampilannya kurang lebih seperti berikut:

Penggunaan sambungan telepon memang memberikan pengaruh positif yang sangat siginifkan. Bukan hanya karena masalah tampilan yang lebih keren, tapi pengguna juga akan lebih mudah dalam menghubungi admin untuk melakukan pemesanan atau bertanya.

Selain itu, halaman juga akan terlihat lebih profesional seperti web-web marketplace. Kepercayaan pengunjung sangat penting untuk diperhatikan agar tidak ada keraguan saat proses transaksi. Bayangkan jika hanya mengandalkan email, komunikasi tentu akan menjadi lebih terhambat.

Rekomendasi:

• Cara Memasang Widget Konversi Mata Uang di WordPress dan Blogger
• Cara Menolak Backlink Spam dengan Google Disavow Link Tools

Nah beruntung bagi pengguna WordPress, Anda bisa dengan mudah menambahkan fitur tersebut dengan banyaknya plugin yang telah disediakan. Anda hanya perlu menginstal untuk penggunaan.

Berbeda dengan pengguna Blogger, pemasangan telepon langsung harus dilakukan secara manual. Namun tenang saja, pemasangannya tidak terlalu susah, ditambah lagi dengan banyaknya tutorial di internet. Untuk lebih jelasnya, silahkan disimak dan diterapkan.

Cara Memasang Widget Telepon Langsung di Blog

• Masuk ke BLOGGER
• Pilih menu TEMA
• Pilih EDIT HTML
• Tempel di atas kode </body>:

<div class="fixedPhone">
  <a href="tel:+628988863172" rel="nofollow noopener" target="_blank">
    <svg viewBox="0 0 64 64"><circle class="cirBack" cx="32" cy="32" r="32"/><path d="M28.962,25.343c-0.417-4.794-5.418-7.146-5.63-7.242c-0.199-0.094-0.421-0.122-0.635-0.085 c-5.774,0.958-6.642,4.318-6.677,4.458c-0.048,0.196-0.039,0.399,0.022,0.589c6.886,21.366,21.198,25.327,25.903,26.63 c0.362,0.1,0.661,0.181,0.888,0.255C42.943,49.985,43.056,50,43.169,50c0.155,0,0.31-0.033,0.452-0.098 c0.144-0.065,3.544-1.667,4.375-6.891c0.037-0.227,0-0.463-0.105-0.668c-0.074-0.144-1.853-3.528-6.784-4.724 c-0.345-0.089-0.698,0.002-0.964,0.229c-1.556,1.329-3.705,2.745-4.632,2.891c-6.217-3.04-9.688-8.872-9.819-9.978 c-0.076-0.622,1.348-2.806,2.987-4.582C28.886,25.954,28.991,25.649,28.962,25.343z"/><path d="M28.962,23.343c-0.417-4.794-5.418-7.146-5.63-7.242c-0.199-0.094-0.421-0.122-0.635-0.085 c-5.774,0.958-6.642,4.318-6.677,4.458c-0.048,0.196-0.039,0.399,0.022,0.589c6.886,21.366,21.198,25.327,25.903,26.63 c0.362,0.1,0.661,0.181,0.888,0.255C42.943,47.985,43.056,48,43.169,48c0.155,0,0.31-0.033,0.452-0.098 c0.144-0.065,3.544-1.667,4.375-6.891c0.037-0.227,0-0.463-0.105-0.668c-0.074-0.144-1.853-3.528-6.784-4.724 c-0.345-0.089-0.698,0.002-0.964,0.229c-1.556,1.329-3.705,2.745-4.632,2.891c-6.217-3.04-9.688-8.872-9.819-9.978 c-0.076-0.622,1.348-2.806,2.987-4.582C28.886,23.954,28.991,23.649,28.962,23.343z"/></svg>
  </a>
</div>

Ganti bagian yang ditandai dengan nomor telepon Anda (harus diawali dengan kode +62).

• Tempel di atas ]]></b:skin>:

/* Calling Button by www.ferisp.com */
.fixedPhone{position:fixed;right:20px;bottom:20px}
.fixedPhone a svg{width:55px;height:55px;vertical-align:middle;animation-name:colCall;animation-duration:.8s;animation-iteration-count:infinite}
.fixedPhone a svg .cirBack{fill:#009ee0}
@keyframes colCall{0%{fill:#fff}50%{fill:#ddd}100%{fill:#fff}}

• Pilih SIMPAN
• Selesai.

Demo

Penutup

Sebagai sarana informasi umum, blog memang seharusnya memberikan pelayanan informasi yang lengkap dan aktual ke setiap pengunjung. Dengan fitur yang saya sebutkan di atas, pembaca akan lebih mudah menghubungi penulis tanpa harus menggunakan email.

Jika hanya menggunakan email sebagai metode kunsultasi dan komunikasi, informasi hanya akan diterima apabila kita membuka email tersebut.

Cukup sekian artikel tentang Cara Memasang Widget Telepon Langsung di Blog ini, Terima kasih.