Cara membuat link menuju kontak TELPON , SMS , BBM , WA , dan EMAIL admin

Daftar Sekarang Juga

Bismillahirohmanirrohim

Assalamualaikum wr.wb.. Sekarang saya akan mencoba share cara membuat link yang langsung menghubung ke admin ,yang klo kita klik akan langsung menghubungi admin. kita boleh pakai di blog / website ,bisa juga kita pasang di toko online kita .. Ya udah lah kita langsung menuju topik aja

cara membuat link whats'up chat langsung menuju wa admin :
https://api.whatsapp.com/send?phone=6281237538786&text=Halo%20Admin%20Saya%20Mau%20Order%20Baju

cara membuat tombol whats'up
<table border="1" width="100%"<tr><th colspan="2"> <center> <a href="https://api.whatsapp.com/send?phone=6281259929797&text=Halo%20gan,%20Saya%20mau%20order....."><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2GD6zNQNUTpLWfCN3XF2vRXUR8P2LPQrTBT7jzQbomfk3D49ytRuXB47hFXTVDur3dl_sWAdKdlBkZYvyeOPHiZyXMwuM2OPBqOsD5Bt-5Ck-38KNLJAZEf0gG9WcsW0Co4q7sjMZaY/h90/Button+Chat+via+Whatsapp.png" style="    max-width: 100%;" / /></a></center>

membuat link whats'up dengan auto text
<table border="1" width="100%"<tr><th colspan="2"> https://api.whatsapp.com/send?phone=6281259929797&text=Nama%20%3A%0AAlamat%20%3A%0AUsia%20%3A%0AJenis%20kelamin%20%3A

keterangan :

• %3A untuk tanda (titik2)
• %0A untuk (enter/baris baru)
• %20 untuk (spasi)
• ( * ) tebal
• ( _ ) miring
• ( ~ ) coret
• Koma (,) : %2c
• Spasi : %20
• Titik dua : %3a
• Enter : %0a
• Titik (.) : gunakan titik biasa (.)
• Tanda tanya : (?)
• Garis mering (/) : %2F
• Titik koma (;) : %3B
• Petik atas dua (") : %22
• Petik atas satu (') : %27
• Kurung siku kiri ([) : %5B
• Kurung siku kanan (]) : %5D
• Kurung kiri (() : %28
• Kurung kanan ()) : %29
• Plus (+) : %2B
• Minus (-) : -
• Sama dengan (=) : %3D
• Underscore (_) : %2B

membuat link kirim sms
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:NO telp handphone">Link</a>

membuat link kirim sms 2
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:081......">Link sms NO hp terisi</a>

Cara membuat HTML link kirim SMS NO handphone danbody Terisi pesan
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:081.......?&body=Pesan di tubuh body disini">Link menuju sms plus no HP dan body terisi</a>

Membuat HTML link menuju SMS hanya body berisi pesan
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:?&body=Pesan di tubuh body disini">Link menuju sms body terisi</a>

Ingat ketika body berisi pesan tentu saja pesan SMS memiliki batasan panjang pesan yaitu kurang lebih 160 karakter.

Cara membuat Html link Langsung menuju telepon(Call me)
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel://NO telepon atau NO handphone">Link telepon</a>

cara membuat link menuju telpon 2
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel://628......">Link telepon(call me)</a>

Perlu diketahui bahwa Link kirim SMS atau telepon tersebut tidak bekerja apabila seorang mengklik dari peramban komputer ataupun laptop. Sehingga kita perlu memanipulasi dengan sedikit sentuhan lagi menggunakan javascript supaya tidak tampil di peramban tersebut, dan hanya tampil di perangkat telepon genggam. Yaitu dengan membuatkan javascript detect User agent device sederhana seperti di bawah ini

Manipulasi dengan javascript User agent device sederhana
<table border="1" width="100%"<tr><th colspan="2"> <script type='text/javascript'> if( /Opera Mini|BlackBerry|Android|webOS|iPhone|iPad|IEMobile/i.test(navigator.userAgent) ) {  // Jika agennya di atas tampilkan ini..(code) } else {  // Kecuali agen di atas tampilkan ini..(code) } </script>

.

1. Contoh penulisan (code): document.write('Your HTML link SMS or Telepon');
2. Di bawah ini contoh demo penerapan // Kecuali browser komputer, laptop ini Actionnya NO :08sekian sekian...

Maksudnya begini ..
// jika ini Mobile browser atau system Operasi handphone Agennya if( /Browser Handphone|atau OS Handphone... /i.test(navigator.userAgent) ) { // Target yang ada linknya diletakkan disini document.write('Link'); } else { // Tidak dikasih link.. document.write('081...'); } Sedangkan targetnya bisa token sistem operasi HP (navigator.userAgent). -->http://id.wikipedia.org/wiki/Sistem_operasi_telepon_genggam Atau Browser HP -->http://en.wikipedia.org/wiki/Mobile_browser Bila tidak di target link sms atau telp mungkin di browser desktop, PC, notebook/netbook tidak berfungsi semestinya.

Membuat Klik Link Ke BBM Whatsapp bbmi://PIN BBM KAMU 

<table border="1" width="100%"<tr><th colspan="2"> <a href='bbmi://abc123' target='_blank'><button type="button" >BBM</button></a>
(Link Dengan Gambar)
<table border="1" width="100%"<tr><th colspan="2"> <a href='bbmi://abc123' target='_blank'><img src="link gambar action button add pin BBM" /></a>

Buat tombol add to contact nomor WA kita
<table border="1" width="100%"<tr><th colspan="2"> <a href='tel:08xxxxx' target='_blank'><button type="button" >Add NO WA</button></a>

atau bisa juga menggunakan Gambar untuk Action Button nya
<table border="1" width="100%"<tr><th colspan="2"> <a href='tel:08xxxxx' target='_blank'><img src="link gambar action button add NO WA" /></a>

Cara buat tombol add to contact nomor WA kita
<table border="1" width="100%"<tr><th colspan="2"> whatsapp://send?text= ISI FORMAT ORDER KAMU

Contoh penggunaan menggunakan tombol sederhana
<table border="1" width="100%"<tr><th colspan="2"> <a href='whatsapp://send?text=ORDER%20Baju%20Merah%20L%20ALAMAT' target='_blank'><button type="button" >Order by WA</button></a>

atau menggunakan Gambar untuk Action Button nya
<table border="1" width="100%"<tr><th colspan="2"> <a href='whatsapp://send?text=ORDER%20Baju%20Merah%20L%20ALAMAT' target='_blank'><img src="link gambar action button add NO WA" /></a>

keterangan :  untuk spasi diganti dengan %20 seperti contoh di atas.

membuat link menuju ke sms kita dengan tombol sederhana
sms:NOMOR ANDA?body= ISI FORMAT ORDER KAMU 
<table border="1" width="100%"<tr><th colspan="2"> <a href='sms:08573027713x?body=ORDER%20Baju%20Merah%20L%20ALAMAT' target='_blank'><button type="button" >ORDER BY SMS</button></a>

atau menggunakan Gambar untuk Action Button nya
<table border="1" width="100%"<tr><th colspan="2"> <a href='sms:08573027713x?body=ORDER%20Baju%20Merah%20L%20ALAMAT' target='_blank'><img src="link gambar action button order by SMS" /></a>

Untuk line juga bisa langsung masukin aja link id line kamu

link sms di sini
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:082306323613">SMS Disini</a>

link telpon di sini
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel:082306323613">Telpon Disini</a>

Cara Membuat Link Whatsapp Menuju Chat Langsung
<table border="1" width="100%"<tr><th colspan="2"> https://api.whatsapp.com/send?phone=6281237538786&text=Halo%20Admin%20Saya%20Mau%20Order%20Baju

keterangan : tanda %20 pada script url diatas artinya Space
keterangan : kita bisa gunakan plugin short url, seperti Plugin Pretty Link Lite ,bit.ly atau sejenisnya. Caranya mudah, tinggal kunjungi situs https://bitly.com/ kemudian daftar, dan buat custom url nya biar mudah di ingat
Contoh Link Whatsapp Chat yang sudah di custom –> http://bit.ly/081222256569

Membuat widget tombol chat via whatsapp pada situs?
<table border="1" width="100%"<tr><th colspan="2"> <center> <a href="https://api.whatsapp.com/send?phone=6281259929797&text=Halo%20gan,%20Saya%20mau%20order....."><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2GD6zNQNUTpLWfCN3XF2vRXUR8P2LPQrTBT7jzQbomfk3D49ytRuXB47hFXTVDur3dl_sWAdKdlBkZYvyeOPHiZyXMwuM2OPBqOsD5Bt-5Ck-38KNLJAZEf0gG9WcsW0Co4q7sjMZaY/h90/Button+Chat+via+Whatsapp.png" style="    max-width: 100%;" / /></a></center>

Membuat format chat lengkap beserta link whatsapp chat atau teks pesan sesuka kamu
<table border="1" width="100%"<tr><th colspan="2"> https://api.whatsapp.com/send?phone=6281259929797&text=Nama%20%3A%0AAlamat%20%3A%0AUsia%20%3A%0AJenis%20kelamin%20%3A

keterangan : tanda %20%3A%0A adalah format teks untuk spasi, baris baru/enter, dan tanda titik dua(:).

• %3A untuk tanda (titik 2)
• %0A untuk (enter/baris baru)
• %20 untuk (spasi)

Cara menambahkan teks tebal, miring, dan coret di whatsapp link chat
<table border="1" width="100%"<tr><th colspan="2"> https://api.whatsapp.com/send?phone=6281259929797&text=*Nama*%20%3A%0AAlamat%20%3A%0AUsia%20%3A%0AJenis%20kelamin%20%3A

keterangan :

• ( * ) tebal
• ( _ ) miring
• ( ~ ) coret

membuat link ke no telpon di blog / toko online kita
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel:+6289687263863"<b>089687263863</b></a>

membuat link ke no telpon dengan gambar
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel:+6289687263863>hubungi kami<br/><img src="https: link url gambar kita"></a>

membuat link tombol ke whats'up
<table border="1" width="100%"<tr><th colspan="2"> <a href="whatsapp://send?text=The text to share!"data-action="share/whatsapp/share">Share via Whatsapp</a>

membuat widget animasi gambar bergoyang
<table border="1" width="100%"<tr><th colspan="2"> <center> <table bgcolor="#000" width="190"><tbody> <tr><td><marquee behavior="alternate"><a href="URL PRODUK"><img src="ALAMAT GAMBAR PRODUK" width="160" /><div style="text-align:center;color:#fff;font-weight:bold;width:160px;"> Best Seller</div> </a></marquee></td></tr> </tbody></table> </center>

cara membuat link kirim sms untuk android
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:/* nomor hp disini */?body=/* isi pesan disini */">Kirim SMS Ke saya</a>

cara membuat link kirim sms untum iphone
<table border="1" width="100%"<tr><th colspan="2"> <a href="sms:/* no hp disini */&body=/* isi pesan disini */">Kirim SMS Ke Saya</a>

cara membuat link ke no hp
<table border="1" width="100%"<tr><th colspan="2"> Jika anda butuh penjelasan silahkan hubungi saya <a href="tel:081222333568">Klik untuk menelpon Saya!</a>

 

cara membuat link ke no hp admin dengan gambar
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel://081220567678"><img src="Phone.png" alt="" /></a>

cara membuat link ke no hp admin yang bisa di klik
<table border="1" width="100%"<tr><th colspan="2"> <a href="tel://081222000123">081222 000123</a> <p> <div style="text-align:center;"> <br> membuat link download </br> <textarea rows="3" cols="20"><table border="1" width="100%"<tr><th colspan="2"> <a href=" http://sijurigduit.blogspot.com /4shared/12324membuat tombol download "><img height="50" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Ga5_w2LUeaUD3J2rjOJUHUbwKUdltTRzIRgpQUHN6plLB3XX8LKd4EG4ne7_w2_491CRz-8UhXp3YKh5Ts6IYuUSXxXqTE5UX2zAe88vprsbVDWuQ-VEdi1mfOI0fP8z4VRsml2FgSs/s1600/Download+vidio+youtube+www.kojektegal.ml.jpg " width="200" /></a>

membuat link menuju ke email admin
<table border="1" width="100%"<tr><th colspan="2"> <a href="mailto:situsbelanjasyariah@gmail.com">email kita</a>

Mungkin untuk saat ini saya share segini dulu ya, keburu cape ngetik nya,hehe .. , besok di tambah lagi,tapi jika ingin melanjutkan melihat kumpulan kode html terlengkap boleh cek di sini aja semoga berguna dan bermanfaat dan jangan lupa tolong bantu share dengan tombol yang ada di bawah dan ikuti lewat email sekaligus like fanspage facebook ku yaa 😉 .. terima kasih ,

wassalamualaikum warohmatullohi wabarokatuh ..