BerandaLifestyleTeknoCara Membuat Tautan Email Termudah (Gmail, Yahoo, AOL, Yandex)

Cara Membuat Tautan Email Termudah (Gmail, Yahoo, AOL, Yandex)

Resepbyta.com – Mengirim pesan email menjadi lebih mudah jika disediakan URL yang sudah dibuat menjadi sebuah link khusus. Gmail salah satu program Google yang bisa ‘diakali’ supaya menjadi link yang langsung bisa mengarah ke email yang ditarget.

Dalam artikel sederhana ini, kami akan tunjukkan cara membuat sebuah email dalam bentuk link. Kenapa membuat email menjadi sebuah link? karena hanya dengan melakukan klik pada link tersebut, akan terbuka sebuah halaman baru yang berisi semua informasi untuk menggunakan email.

Jika menggunakan sebuah komputer atau tablet PC, maka link email yang di klik dari sebuah website atau program aplikasi pengelolaan dokumen seperti Microsoft Word, Excel, Google Docs, atau Google Spreedsheets akan langsung membuka halaman seperti Microsoft Outlook, Thunderbird, atau Windows Mail.

Pertanyaannya, selain Gmail, apakah email seperti Yahoo Mail, Yandex, Outlook Mail, AOL Mail, hingga iCloud Mail bisa menggunakan cara ini ?

Jawabannya: bisa.

Berikut cara membuat link email yang bisa digunakan untuk semua jenis email.

Menggunakan ‘Mailto:’

how to make email link
Cara Membuat Tautan Email Termudah (Gmail, Yahoo, AOL, Yandex) 5

Cara yang paling mudah untuk membuat tautan email adalah menggunakan skema URI Mailto. Jika Anda sedang menulis dalam sebuah blog misalnya menggunakan Wordpress atau Blogspot, maka Anda tidak perlu memahami tentang HTML.

Cukup klik tombol menu yang biasa Anda gunakan untuk membuat hyperlink dan isikan dengan format seperti ini: mailto:alamat@email.com.

Menggunakan HTML

Cara berikut ini agak lebih sulit karena menggunakan bahasa pemograman HTML. Bagi seorang pengembang website cara ini tentu sangat mudah. Namun bagi yang awam tentang bahasa pemograman juga bisa mencobanya karena kode format HTML ini sangat sederhana.

Walaupun berbeda dengan cara diatas, namun cara membuat tautan surel menggunakan HTML mempunyai hasil akhir yang sama, yakni alamat email akan langsung diarahkan ke tujuan.

Berikut contoh cara membuat link surel menggunakan HTML dalam beberapa model.

Kode html ini hanya akan menghasilkan link alamat saja.

&#060a href="mailto:address@email.com">address@email.com&#060/a&#062

Dengan menambahkan parameter ‘subject’, kode html ini akan menghasilkan link beserta judul email.

&#060a href="mailto:address@email.com?subject=This%20for%20title%20email%20default"&#062address@email.com&#060/a&#062

Jika ingin menulis pesan secara default, tambahkan paramater ‘body’ seperti contoh pada format html nomor tiga diatas.

&#060a href="mailto:address@email.com?subject=This%20title%20email%20default&body=This%20message%20will%20auto%20appear%20by%20default%21"&#062address@email.com&#060/a&#062

Catatan: dalam HTML, format %20 dalam tulisan diatas akan menjadi spasi.

Link Email khusus untuk pengguna Gmail

Bagi sesama pengguna Gmail, ada URL khusus yang akan mengarahkan kiriman email langsung terbuka dalam form Gmail pengirim.

Berikut kode URL yang diawali dengan protokol http:// atau https://

https://mail.google.com/mail/u/0/?view=cm&tf=1&fs=1&to=alamat@email.com

Nah, bagi yang ingin sedikit bereksperimen, bisa membuat link email dengan menambahkan ikon Gmail di depan tulisan ‘Send email with Gmail’. Kemudian buat CSS untuk merapikan ikon SVG Gmail.

Berikut format untuk link email Gmail seperti tampilan dibawah ini:

<a href="https://mail.google.com/mail/u/0/?view=cm&amp;tf=1&amp;fs=1&amp;to=alamat@email.com" target="_blank" rel="nofollow noopener" title="Send email with Gmail"> <svg width="24" height="24" viewBox="0 0 48 48" class="gmail-icon"><g><path fill="#E0E0E0" d="M 5.5 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 Z "></path><path fill="#D9D9D9" d="M 26 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 Z "></path><path fill="#EEEEEE" d="M 6.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 Z "></path><path fill="#E0E0E0" d="M 25.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 L 18.769531 31.617188 Z "></path><path fill="#CA3737" d="M 42.5 9.5 L 5.5 9.5 C 3.566406 9.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 L 7 40.5 L 7 12 L 41 12 L 41 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 9.5 42.5 9.5 Z "></path><path fill="#F5F5F5" d="M 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.035156 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.035156 44.433594 7.5 42.5 7.5 Z "></path><path fill="#E84F4B" d="M 43.246094 7.582031 L 24 21 L 4.753906 7.582031 C 3.179688 7.917969 2 9.296875 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.296875 44.820313 7.917969 43.246094 7.582031 Z "></path></g></svg> <span>Send email with Gmail</span> </a>
&#060a href="https://mail.google.com/mail/u/0/?view=cm&tf=1&fs=1&to=alamat@email.com" target="_blank" rel="nofollow noopener" title="Send email with Gmail"&#062 &#060svg width="24" height="24" viewBox="0 0 48 48" class="gmail-icon"&#062&#060g&#062&#060path fill="#E0E0E0" d="M 5.5 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 Z "&#062&#060/path&#062&#060path fill="#D9D9D9" d="M 26 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 7.5 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.066406 2 11 Z "&#062&#060/path&#062&#060path fill="#EEEEEE" d="M 6.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 Z "&#062&#060/path&#062&#060path fill="#E0E0E0" d="M 25.746094 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11.5 L 18.769531 31.617188 Z "&#062&#060/path&#062&#060path fill="#CA3737" d="M 42.5 9.5 L 5.5 9.5 C 3.566406 9.5 2 9.066406 2 11 L 2 37 C 2 38.933594 3.566406 40.5 5.5 40.5 L 7 40.5 L 7 12 L 41 12 L 41 40.5 L 42.5 40.5 C 44.433594 40.5 46 38.933594 46 37 L 46 11 C 46 9.066406 44.433594 9.5 42.5 9.5 Z "&#062&#060/path&#062&#060path fill="#F5F5F5" d="M 42.5 7.5 L 5.5 7.5 C 3.566406 7.5 2 9.035156 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.035156 44.433594 7.5 42.5 7.5 Z "&#062&#060/path&#062&#060path fill="#E84F4B" d="M 43.246094 7.582031 L 24 21 L 4.753906 7.582031 C 3.179688 7.917969 2 9.296875 2 11 C 2 12.207031 3.519531 13.257813 3.519531 13.257813 L 24 27.757813 L 44.480469 13.257813 C 44.480469 13.257813 46 12.207031 46 11 C 46 9.296875 44.820313 7.917969 43.246094 7.582031 Z "&#062&#060/path&#062&#060/g&#062&#060/svg&#062 &#060span&#062Send email with Gmail&#060/span&#062 &#060/a&#062

Format untuk CSS:

.gmail-icon{vertical-align:middle}

Jangan LUPA! Ganti semua tulisan alamat@email.com dengan email Anda.

Video Tutorial: Cara Membuat Email Link

Semoga tutorial sederhana ini bisa memberikan solusi bagi Anda. Jika kodenya terlihat rumit, coba saja dahulu. Jika salah dan belum mendapat hasil yang diinginkan, tinggal hapus, periksa lagi jangan sampai ada yang kelewatan, dan ulang lagi cara membuat link email diatas. Selamat mencoba!

Baca berita pilihan Resepbyta.com lainnya di: "Google News"
Renold
Renold
Saya sangat menyukai teknologi. Perkembangan terbaru tentang teknologi selalu saya ikuti dan menulis tentangnya.
RELATED ARTICLES

Popular