Ditulis oleh: Ditulis pada: 4/08/2018
Saat ini pengguna setia Yahoo! Mail masih banyak, jadi tidak bijak jika kita sebagai admin blog tidak memberikan kemudahan bagi pengguna Yahoo mail untuk menghubungi admin blog. Untuk itu kita bisa memanfatkan URL kirim email langsung Yahoo! Mail untuk kontak admin blog sehingga dengan 1 klik maka akan langsung menuju kotak compose kirim email pada Yahoo mail dengan tujuan pengiriman email kepada email admin blog.Dengan begitu maka pengguna Yahoo mail akan lebih mudah mengirimkan email ke admin blog karena email admin sudah langsung ada pada kotak compose kirim email pada Yahoo mail.
Pengguna Yahoo mail tinggal memberikan subjek atau judul email dan menuliskan pesan kemudian mengirimkannya. Dengan begitu tidak repot untuk mencatat email admin blog karena belum menjadi kontak.
Setelah kemarin saya membagikan URL kirim email langsung Gmail, maka kini saya akan membagikan URL kirim email langsung Yahoo! Mail untuk kontak admin blog sehingga pengunjung yang menggunakan Yahoo mail akan lebih mudah menghubungi atau mengirimkan pesan email ke admin blog.
Sebagai contoh, jika Anda memiliki akun Yahoo mail silahkan klik link kirim email langsung Yahoo! Mail berikut ini.
Send email with Yahoo! mail
Jika Anda ingin menggunakannya juga, silahkan gunakan URL compose Yahoo mail berikut ini:
https://compose.mail.yahoo.com/?to=emailanda@email.com
Tinggal sesuaikan kode
emailanda@email.com dengan alamat email Anda.Jika ingin menggunakan ikon Yahoo! seperti contoh di atas, silahkan gunakan kode di bawah ini. Ikon Yahoo! menggunakan ikon SVG sehingga akan ringan loadingnya ketimbang menggunakan image.
<a href="https://compose.mail.yahoo.com/?to=emailanda@email.com" target="_blank" rel="nofollow noopener" title="Send email with Yahoo! mail">
<svg class="yahoo-icon" width="24" height="24" viewBox="0 0 3024 3024">
<path fill="#6001d2" d="M1515.778,205.669C981.54,205.669,476.37,135.396,0-0.008c0,1068.396,0,2756.137,0,3024.016
c476.37-135.406,981.54-205.678,1515.778-205.678c528.163,0,1031.723,68.74,1508.222,205.678c0-1028.865,0-1919.085,0-3024.016
C2547.501,136.957,2043.941,205.669,1515.778,205.669z M2353.338,463.804l-18.163,28.818
c-17.094,27.133-32.388,50.271-53.773,82.474c-28.56,42.729-81.775,127.019-145.562,235.543
c-17.617,29.904-39.284,66.361-62.221,104.957c-43.037,72.421-91.819,154.506-129.665,219.889
c-15.9,27.728-32.095,55.903-48.402,84.298c-42.299,73.63-86.041,149.764-127.873,223.314
c-43.399,76.25-85.883,150.915-128.288,225.84v75.033c0,104.111,2.157,217.242,6.057,318.561
c1.859,46.055,3.741,128.156,5.733,215.074c2.375,103.506,4.829,210.529,7.438,264.551l0.779,16.256l0.094,1.971l-17.549-5.006
c-6.877-1.961-13.856-3.748-20.918-5.383c-21.498-4.521-44.457-8.213-66.956-10.348c-13.755-1.125-27.735-1.691-41.9-1.691
c-0.057,0-0.113,0-0.17,0c-0.056,0-0.104,0-0.165,0c-14.169,0-28.146,0.566-41.904,1.691c-22.488,2.135-45.451,5.826-66.952,10.348
c-7.059,1.635-14.037,3.422-20.919,5.383l-17.549,5.006l0.098-1.971l0.779-16.256c2.608-54.021,5.063-161.045,7.435-264.551
c1.995-86.918,3.877-169.02,5.729-215.074c3.907-101.318,6.061-214.449,6.061-318.561v-75.033
c-42.405-74.926-84.89-149.59-128.292-225.84c-41.829-73.551-85.57-149.685-127.87-223.314
c-16.311-28.395-32.497-56.57-48.405-84.298c-37.84-65.383-86.621-147.467-129.663-219.889
c-22.94-38.596-44.604-75.053-62.22-104.957c-63.787-108.524-117.003-192.814-145.562-235.543
c-21.385-32.204-36.68-55.341-53.777-82.474l-18.159-28.818l-0.117-0.188l32.957,9.44c42.194,12.089,85.16,17.965,131.348,17.965
c46.015,0,90.265-5.927,131.51-17.611l9.983-2.829l5.037,9.076c81.625,147.26,300.785,507.46,431.723,722.674
c45.156,74.209,80.898,132.967,98.715,162.765c0.061-0.102,0.121-0.207,0.181-0.309c0.061,0.102,0.128,0.208,0.188,0.309
c17.812-29.798,53.562-88.556,98.712-162.765c130.941-215.214,350.1-575.415,431.726-722.674l5.029-9.076l9.99,2.829
c41.246,11.685,85.491,17.611,131.51,17.611c46.188,0,89.15-5.876,131.345-17.965l32.96-9.44L2353.338,463.804z"/>
</svg>
<span>Send email with Yahoo! mail</span>
</a>
Dan tambahkan CSS berikut agar ikon SVG Gmail rata tinggi dengan teks.
.yahoo-icon{vertical-align:middle}
Semoga bermanfaat.