Ditulis oleh: Ditulis pada: 4/07/2018
Hampir semua admin blog khususnya untuk blog di Blogger menggunakan email dari Gmail, dan yang lainnya ada yang menggunakan layanan email selain Gmail. Dan Gmail juga banyak digunakan orang biasa yang tidak memiliki blog. Untuk itu perlu menggunakan link khusus yang mempermudah komunikasi antara pengunjung blog dengan admin blog.
Sebenarnya di Blogger sudah disediakan sebuah contact form yang langsung terhubung ke email admin blog. Namun untuk beberapa alasan seperti untuk pengguna AMP HTML, sekarang masih tidak memungkinkan untuk menggunakan contact form Blogger.
Untuk itu dengan adanya URL kirim email langsung via Gmail ini akan memberikan solusi lain yang cukup simple untuk mengirimkan pesan email ke admin blog melalui layanan Gmail jika pengunjung juga memiliki akun Gmail.
Sebenarnya sebelumnya saya sudah membagikan solusi mudah untuk membuat kontak email dengan mailto: namun dengan itu kita harus mensetting Microsoft Outlook bagi pengguna OS Windows untuk menangani pengiriman email dari link mailto:.
Dengan URL kirim email langung via Gmail, maka pengunjung yang juga menggunakan Gmail akan lebih mudah untuk mengirimkan email ke admin blog seperti contoh di bawah ini.
Nah bagi yang ingin mencoba menggunakannya, silahkan gunakan URL berikut:
https://mail.google.com/mail/u/0/?view=cm&tf=1&fs=1&to=emailanda@gmail.comSilahkan sesuaikan kode emailanda@gmail.com dengan alamat email Anda.
Berikut jika Anda ingin menggunakannya dengan ikon Gmail seperti contoh di atas, silahkan gunakan kode berikut ini:
<a href="https://mail.google.com/mail/u/0/?view=cm&tf=1&fs=1&to=emailanda@gmail.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>Dan tambahkan CSS berikut agar ikon SVG Gmail rata tinggi dengan teks.
.gmail-icon{vertical-align:middle}Semoga bermanfaat.