Sabtu, 27 April 2019

Kode HTML Link Email Lengkap Sub, CC, dan BCC

Cara Link Mailto di Blog | Kode Link Mailto Lengkap | Setelah lama tidak update tentang kode HTML, berikut ini adalah pengalaman Madya saat menambahkan link berupa peralihan ke email otomatis atau biasa disebut mailto.

Bagi Anda yang belum tahu apa Mailto, berikut penjelasan singkat mengenai mailto. Mailto adalah  salah satu kode HTML (HyperText Mark-Up Language). Biasanya format penulisannya atau sintaks umumnya berikut ini :


<a href="mailto:alamatemail@provider.domain" >email</a> 

Saat link mailto ditekan, maka otomatis akan membuka software Mail Client (seperti Gmail, Yahoo Mail, Outlook Express, ataupun Microsoft Office Outlook) dengan membuat e-mail baru yang alamat penerimanya sudah otomatis ada dalam mailto itu.

Jadi, mailto merupakan salah satu cara untuk melakukan penulisan alamat e-mail di blog atau link di blog, yang lebih aman dari spam daripada ditulis secara langsung (meskipun juga masih rawan spam). Selain itu, juga untuk memperpendek penulisan dengan mengganti tampilan menggunakan teks lain.

Ini bukanlah cara baru, Madya hanya membagikan ulang pengalaman yang Madya dapat saat membuat blog baru dan menambahkan mailto ke dalam salah satu widget blog. Kode html mailto itu sebenarnya bisa dibuatkan link berupa tulisan atau link berupa gambar. Nanti akan dijelaskan masing-masing.

1. Kode Mailto Link Biasa

Berikut ini adalah kode HTML mailto biasa yang berupa link. Karena biasa, ya otomatis hanya menampilkan link dan Anda akan langsung otomatis dibawa ke penyedia atau aplikasi email. Berikut kodenya :



Silahkan ganti kata "alamatemail@contoh.com" dengan alamat email yang mau dituju. Anda juga bisa ubah hasil tulisan linknya atau kata "Kirim Email" ke kata-kata lainnya. Adapun hasil kode di atas adalah seperti di bawah ini

2. Kode Mailto Berupa Gambar

Jika di kode sebelumnya hanya menampilkan tulisan link biasa, maka berikut ini adalah kode mailto yang menggunakan gambar. Gambarnya terserah dapat Anda ganti sesuka hati. Berikut kode mailto yang menghasilkan gambar :



Seperti biasa, Anda ubah alamat email yang dituju. Sedangkan gambarnya bisa diubah dengan mengganti tulisan "URL gambar Anda" dengan URL gambar pilihan Anda sendiri. Adapun contoh hasil kode diatas seperti gambar di bawah ini

Untuk merubah ukuran gambar, dapat Anda cari di mesin pencari atau silahkan cari artikel di blog ini berjudul "Kode HTML Mailto Berupa Gambar Lengkap".

3. Kode Link Mailto dengan Subject

Mulai kode ketiga dan seterusnya, penulis membagikan kode mailto yang berupa link. Untuk yang berupa gambar akan dibuatkan artikel tersendiri. Nah, selanjutnya bagaimana cara membuat atau kode link email yang menggunakan subject. Berikut kodenya :



Seperti biasa, ganti alamat emailnya dan ubah Subject atau ganti kata "Halo, saya ingin tanya" dengan Subject yang sesuai dengan keingian Anda. Hasil kode di atas bisa dilihat di bawah ini :

4. Kode Link Mailto dengan Cc dan Bcc

Terakhir, Anda juga bisa menambahkan Cc dan Bcc di link atau tautan mailto. Apa itu CC dan BCC? Cc merupakan singkatan dari carbon copy. Jika menggunakan kolom cc, maka kamu dapat mengirimkan email ke penerima lain.

Dalam hal ini, tembusan dan si penerima email utama yang alamatnya diletakkan di kolom "to" (email tujuan) dapat mengetahui kepada siapa email tersebut diteruskan. Sama dengan Bcc, hanya kalau Bcc, si penerima email utama tidak tahu email itu diteruskan ke siapa. Berikut kodenya :



Seperti biasa, Anda ganti alamat email tujuan Anda. Sedangkan alamat email yang di-Cc dan di-Bcc juga bisa Anda ubah. Jumlah email yang di-Cc atau di-bcc bisa ditambah atau dikurangi. Untuk menambahi, maka cukup beri tanda [koma] lalu [spasi] baru alamat email lagi. Hasil kodenya berikut ini :

Tidak ada komentar:

Posting Komentar