HTML Link Email Mailto Berupa Gambar di Blog

Kode Mailto Gambar Lengkap | Kode HTML Gambar Email | Sebelumnya, Madya telah berbagi artikel mengenai "Kode HTML untuk Email atau Mailto Lengkap Sub, Cc, dan Bcc", maka kali ini kode mailto yang berupa gambar.

Sebagaimana kita tahu, gambar yang berisi link atau tautan lebih menarik dibanding hanya tulisan link biasa. Di artikel sebelumnya juga sudah dibahas detail mengenai kode-kode HTML mailto untuk yang berupa link.

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.

[Baca juga : Kode HMTL Email Mailto Link Lengkap Sub, Cc dan Bcc]

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. Anda bisa melihat di situs-situs lain untuk lebih detail dan komprehensif. Di sini, Madya berbagi pengalaman karena juga menggunakan mailto yang berupa gambar. Yup, berikut penjelasannya :

1. Kode Mailto Gambar Normal

Yang dimaksud dengan gambar normal adalah Anda menempelkan link pada gambar langsung. Tanpa ada edit atau perubahan ukuran gambar. Ini bisa dipakai jika ukuran gambarnya sudah pas atau sesuai dengan selera Anda. kodenya adalah

<a href="mailto:alamatemail@contoh.com"><img src="URL gambar Anda" /></a>

Karena sifatnya simpel atau tinggal tempel, maka Anda juga tinggal ubah kata "alamatemail@contoh.com" dengan email tujuan Anda. Sedangkan kata "URL gambar Anda" juga diubah sesuai gambar pilihan Anda. Hasil kode di atas berikut ini :

Untuk gambar di atas, juga dapat Anda pakai. Link gambar nya adalah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigpeeOX1baLz7DH5hAx34j-FlAU1G75hz1J5Ii-UBVPPUg5Nm63v4SB-3dtWUpkJljPn3ut-Z_pbvrujWu8qk0U5HRyPjgnXMmM_RPZgn8NavF2tULMV2zy-djFGx_3yI5JHzBcS-0WEum/s1600/send+mail+a.png

Untuk pilihan gambar lain, akan dibuatkan artikel khusus mengenai hal itu. Atau cek di blog ini dengan judul "Tombol Kirim Email Keren" atau klik di sini.

2. Kode Mailto Gambar Dan Ukuran

Selanjutnya adalah kode Mailto gambar yang berisi ukuran. Kode ukuran ini berguna untuk menyesuaikan ukuran gambar sesuai pilihan Anda. Dengan tinggal menambahkan kode height dan width, kodenya seperti ini :

<a href="mailto:alamatemail@contoh.com"><img src="URL gambar Anda" height="200" width="150" /></a>

[Baca juga  : Tulisan Arab Warna Pecah di Browser Mobile]

Anda ubah alamat email dengan alamat email sesuai tujuan Anda. Untuk ukuran, Anda bisa ubah angka pada height (tinggi) "200" dan width (lebar) "150" sesuai keinginan Anda. Hasil kode di atas, dengan gambar yang sama, berikut ini :

3. Kode Mailto Gambar Lengkap Sub dan Cc

Terakhir adalah kode Mailto gambar yang sudah dilengkapi dengan Subject dan Cc. Subject adalah judul email, sedangkan Cc adalah email terusan dan si penerima mengetahui siapa yang di Cc. Berikut kodenya :

<a href="mailto:alamatemail@contoh.com?cc=alamatlain@contoh.com, alamatlain@contoh.com&subject=Halo"><img height="100" src="URL GAMBAR" width="100" /></a>

Silahkan ubah atau edit kata-kata berikut ini :

• alamatemail@contoh.com diganti ke alamat email tujuan Anda
• alamatlain@contoh.com diganti ke alamat email yang mau di-Cc. Anda juga bisa menambahkan email lain dengan menambahkan [koma] dan [spasi]
• "Halo" diganti sesuai Subject yang Anda inginkan. Apabila lebih dari satu kata, maka tambahkan kode [%20] sebagai kode spasi.
• Ganti URL GAMBAR dengan gambar pilihan Anda

Hasil kode di atas adalah sebagai berikut ini :

Demikian artikel singkat mengenai HTML Link Email Mailto Gambar Lengkap. Silahkan komentar sebagai bukti kunjugan Anda dan silahkan saran untuk artikel berikutnya.