Category Archives: HTML

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

Posted on by

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="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 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.

Free Clean & Modern Admin Template Bootstrap

Posted on by

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

Posted on by

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:

Cara Untuk Filter / Sorting Unread dan Readed Email Di Yahoo! Mail Yang Baru

Posted on by
Yahoo Mail! Unread Email

Yahoo Mail! Unread Email

Selamat pagi :D, kali ini aku mau membagi pengetahuan mengenai Fitur di Yahoo Mail yang baru yang pasti banyak dibutuhkan, tapi banyak pula orang yang belum mengetahui fitur ini diletakkan. Ya, fitur yang aku maksud adalah filter Unread Mail dan Readed Mail, karena di Yahoo! Mail yang lama enak menunya sudah kelihatan di bagian atas adalah pilihan Readed dan Unread Mail,,, tapi di Yahoo! Mail yang baru ????? pasti muncul pertanyaan besar … Dimana Ya Fitur Ini ?

Aku juga sempet bingung karena gag bisa filter mana Email yang belum dibaca dan sudah dibaca di Yahoo! Mail yang baru ini … 🙁 dan akhirnya saya menemukan cara agar bisa menyaring email yang sudah / belum dibaca oleh pengguna :mrgreen:.
Oke, caranya sangatlah sederhana kok :

  1. Silahkan masuk ke Email Anda dan akses menu Inbox
  2. Kemudian klik tanda kotak berwarna ungu yang ada di kolom kedua untuk menyaring Unread Email (Email Yang Belum Dibaca), dan klik lagi untuk menyaring ke Readed Email(Email Yang Sudah Terbaca).
    Email Yang Belum / Sudah Terbaca
  3. Nah, kalo sudah ke-Sort (terurut), dan Anda ingin mengembalikan urutan email seperti semula, tinggal klik Kolom Tanggal saja… kalo digambar ditunjukkan dengan lingkaran hijau …
  4. Sekian, semoga membantu 😀

Contoh Program Informatika Numerik Dengan Metode Newton Raphson Modifikasi

Posted on by

Thread kali ini aku mau ninggalin jejak / catatan untuk program yang sudah pernah saya buat untuk tugas mata kuliah Informatika Numerik dengan Metode Newton Raphson Modifikasi. Daripada programnya nganggur dan takut untuk ilang tapi suatu saat pengen dibuka lagi, biar gag ilang :mrgreen:
Sebelum itu akan saya bagi penjelasan sedikit mengenai pencarian akar ganda.

Akar ganda (yang biasanya muncul pada kasus2 polynomial berderajat banyak) memiliki karakteristik yang agak unik.
Pada polynomial berderajat genap, posisi kurva f(x) tidak memotong sumbu X. Sehingga yang disebut akar persamaan adalah titik ‘sentuh/singgung’ kurva dengan sumbu X.
Sementara pada polynomial berderajat ganjil, akar2 tersebut muncul sebagai akibat perpotongan kurva f(x) dengan sumbu X.

Khusus untuk penanganan polynomial berderajat banyak, diperkenalkan metode numeris tertentu (yang dengan beberapa pertimbangan, metode2 ini tidak dapat digolongkan ke dalam kelompok Akolade atau Terbuka) :

  • Metode Faktorisasi
  • Metode Newton-Raphson yang Dimodifikasi

Pada metode Newton-Raphson yang dimodifikasi, dibuat sebuah fungsi baru yang merupakan perbandingan antara fungsi asli dengan turunannya.
u(x) = f(x) / f’(x)

Kemudian dilakukan pengembangan bentuk alternatif dari rumusan Newton-Raphson standar : xi+1 = xi – (u(xi)/u'(xi))
Selanjutnya kedua persamaan di atas (dengan persamaan u(x) yang telah didiferensiasi) disubstitusikan, dan menghasilkan : xi+1 = xi – ( (f(xi)f'(xi)) / (|f'(xi)|2) – f(xi)f”(xi) )

Sekian penjelasan singkat saya mengenai Newton Raphson Modifikasi, untuk Screen Shoot hasil programnnya adalah sebagai berikut :

Contoh Program Informatika Numerik Newton Raphson Modifikasi

Contoh Program Informatika Numerik Newton Raphson Modifikasi

Untuk lebih detailnya silahkan download contoh programnya di link Download Aplikasi Metode Newton Raphson Modifikasi

Membuat TextArea Yang Auto Height

Posted on by

Lama ga posting thread,,, :mrgreen:
Thread kali ini membahas tentang bagaimana caranya membuat suatu textarea yang sudah berisi text agar tidak mempunyai border, scrollbar dan yang lebih utama adalah textarea tersebut bisa otomatis menyesuaikan tingginya dengan isi / text yang ada, backgroundnya pun transparan jadi seakan tidak ada textarea 🙂
Pertama mari kita buat file style css nya ( misal beri nama style.css ) dengan sintaks berikut :

.isiTextArea{
	font-family:"Lucida Sans Unicode",Corbel,TrebuchetMS,Verdana,sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:24px;
	line-height:1.2em;
	color:#333;
	border:0;
	overflow:auto;
	width:725px;
	background:transparent;
}

Kemudian buat suatu file html ( misal dengan nama index.html ) dengan isi sebagai berikut :

<html>
    <head>
        <title>Coba Text Area</title>
        <script>
        function autoHeightText(){
            var textArea = document.getElementById('textJudulArea');
            if (navigator.appName.indexOf("Microsoft Internet Explorer") == 0){
	        textArea.style.overflow = 'visible';
	        return;
            }

            while (textArea.scrollHeight > textArea.offsetHeight){
	        textArea.rows++;
            }
        }

        window.onload = autoHeightText;
        </script>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
<body>
<textarea readonly id="textJudulArea" class="isiTextArea">isi</textarea>
</body>
</html>

Dan coba jalankan / buka file index.html tadi menggunakan browser yang ada, semoga berhasil dan bermanfaat 🙂

Related Articles

Contoh Aplikasi Penjadwalan Ujian Tugas Akhir Kuliah Menggunakan PHP

Posted on by

Dalam sistem ini ada beberapa golongan user / hak otorisasi seperti Administrator, Mahasiswa dan Dosen. Dilengkapi dengan messages, reminder dan beberapa fitur lain yang menarik. Jika ingin lebih tahu langsung download saja aplikasi Penjadwalan Tugas Akhir dengan PHP melalui link berikut ini : Download Aplikasi Penjadwalan Tugas Akhir

Tidak lupa juga, database untuk aplikasi tersebut, silahkan download Databasenya disini
Semoga bermanfaat :mrgreen:

Script PHP mengetahui apakah user browsing memakai Mobile Phone atau PC/Laptop

Posted on by

Dicatat aja deh, biar gag lupa siapa tau ada yang butuh, hehe. Ini juga hasil dari browsing sih, cuman lupa darimana aku dapet script ini. Udah lama soalnya dapetnya, baru saya posting. Mohon maaf :mrgreen:

<?php
function isMobile() {
	if(isset($_SERVER["HTTP_X_WAP_PROFILE"])) {
		return true;
	}

	if(preg_match("/wap\.|\.wap/i",$_SERVER["HTTP_ACCEPT"])) {
		return true;
	}

	if(isset($_SERVER["HTTP_USER_AGENT"])){
		$user_agents = array("midp", "j2me", "avantg", "docomo", "novarra", "palmos", "palmsource", "240x320", "opwv", "chtml", "pda", "windows\ ce", "mmp\/", "blackberry", "mib\/", "symbian", "wireless", "nokia", "hand", "mobi", "phone", "cdm", "up\.b", "audio", "SIE\-", "SEC\-", "samsung", "HTC", "mot\-", "mitsu", "sagem", "sony", "alcatel", "lg", "erics", "vx", "NEC", "philips", "mmm", "xx", "panasonic", "sharp", "wap", "sch", "rover", "pocket", "benq", "java", "pt", "pg", "vox", "amoi", "bird", "compal", "kg", "voda", "sany", "kdd", "dbt", "sendo", "sgh", "gradi", "jb", "\d\d\di", "moto");
		foreach($user_agents as $user_string){
			if(preg_match("/".$user_string."/i",$_SERVER["HTTP_USER_AGENT"])) {
				return true;
			}
		}
	}

	if(preg_match("/iphone/i",$_SERVER["HTTP_USER_AGENT"])) {
		return false;
	}

	return false;
}

if (isMobile()) {
	echo "mobile";
}else{
        echo "web";
}
?>

Jika saat eksekusi file/fungsi PHP tadi yang muncul adalah mobile maka Anda sedang menggunakan browser dari Mobile Phone, jika tidak maka menggunakan PC atau sejenisnya.