Script Link HTML Membuka Aplikasi WhatsApp, SMS dan Telepon Dari Website

Apakah Anda pernah kepikiran ketika menampilkan Nomor Telepon di Website milik Anda, lalu ingin agar pengunjung website tersebut bisa langsung melakukan komunikasi dengan Anda bisa itu menggunakan WhatsApp, SMS, Telepon atau Email tanpa harus menambahkan daftar kontak di HP pengunjung website Anda tadi? Seperti tombol Call yang biasa ada di Facebook atau Instagram.

Jika ingin Website Anda lebih interaktif seperti itu, saya yakin script HTML sederhana berikut ini akan cukup bermanfaat :

Link HTML Untuk Membuka Aplikasi WhatsApp

<a href="intent://send/+62NoTeleponAnda#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end">Hubungi Kami Lewat WhatsApp</a>

Link HTML Untuk Membuka Aplikasi SMS

<a href="sms://NoTeleponAnda">Hubungi Kami Lewat SMS</a>

Link HTML Untuk Membuka Aplikasi Telepon

<a href="tel://NoTeleponAnda">Hubungi Kami Lewat SMS</a>

Link HTML Untuk Membuka Aplikasi Email

<a href="mailto://AlamatEmailAnda">Hubungi Kami Lewat Email</a>

Semoga script link html tersebut diatas bisa bermanfaat dan semakin membuat website Anda lebih interaktif bagi pengunjung.

Advertisements

Free Clean & Modern Admin Template Bootstrap

LUMINO

Salah satu mahakarya dari Tony Thomas, sebuah Admin Template yang memakai Bootstrap sebagai base CSS untuk layout atau UI-nya. Lumino terlihat fresh & clean namun tetap terlihat modern dengan berbagai fitur yang tersedia di dalamnya. Yang lebih penting lagi template ini Fully HTML5 Responsive Layout, yang mana akan menyesuaikan tampilan sesuai ukuran layar device. Continue reading

Cara Alternatif Untuk Efek Text Decoration Blink Yang Tidak Berjalan

Selamat siang 🙂
Thread kali ini membahas mengenai salah satu effect text-decoration dari CSS yaitu “blink”, yang mana jika syntax ini digunakan maka teks yang dimaksud akan berefek kedip-kedip / blinking. Syntax normal di CSS nya adalah sebagai berikut :

.teks{
	text-decoration:blink;
}

Namun, effect tersebut pasti tidak bisa berjalan seperti yang seharusnya jika kalian menggunakan browser Google Chrome, IE atau sejenisnya. Karena itu, saya mencoba untuk mencari alternatif lain untuk bagaimana caranya effect blink/kedip-kedip pada teks itu bisa berjalan di semua browser. Akhirnya saya memutuskan untuk menggunakan tag-tag jQuery sedemikian rupa hingga bisa menghasilkan effect yang sama (blink).
Mungkin ada cara lain dengan CSS atau sejenisnya cuma saya belum tahu caranya 😀 jadi saya pakai cara yag mudah menurut saya sendiri dulu deh :D, oke… scriptnya adalah sebagai berikut :

function blink(yangDituju){
	$(yangDituju).fadeOut('slow', function(){
		$(this).fadeIn('slow', function(){
			blink(this);
		});
	});
}

blink('.teks');

Konsepnya adalah menggunakan teknik Rekursi dari fungsi blink yang dibuat, dengan parameter yan menuju pada tag HTML atau teks yang diinginkan akan berkedip nantinya.
Oke, sekian semoga bisa bermanfaat :mrgreen: