Membuat Link Email Untuk Pengunjung

Ada baiknya sebagai pemilik blog kita memberikan tempat bagi pembaca untuk menyampaikan saran, kritik, bahkan sesuatu hal yang ingin mereka tanyakan dengan mengirimkan hal tersebut melalui e-mail kita, sehingga komunikasi lebih terjalin dengan baik, dan dapat sebagai media untuk berdiskusi tentang sebuah postingan atau hal lainnya, asalkan membicarakan yang positif saja ya, gak usah yang aneh-aneh atau yang bagaimana gitu ..?? Untuk membuat link email ini silahkan lanjutkan dulu bacanya ya..

Sebenarnya postingan ini saya sadur dari blognya Kranthi, lihat saja disini, makasih ya sharing ini. Ada 2 bentuk / cara untuk menampilkannya yaitu :

1. Menggunakan Text Link
misalnya alamat e-mail yang anda miliki : abc@gmail.com
sehingga untuk menampilkan link tersebut seperti berikut ini :
<a href="mailto:abc@gmail.com">Email me </a> Hasilnya : Email me

2. Menggunakan Image Link
Cara yang kedua ini menggunakan icon image sebagai linknya, sehingga akan tampil lebih menarik lagi, pengunjung dapat langsung memahami icon gambar tersebut.

Untuk itu anda perlu mengup-load terlebih dahulu image / icon yang akan digunakan pada pada file hosting seperti Photobucket.com dan meng-copy Direct link dari icon yang sudah di upload tersebut.

INI YANG LEBIH MUDAH LHO ... !!
Jika anda menggunakan blog dari Blogger, setiap gambar yang anda upload akan memiliki kode link-nya yang otomatis diberikan oleh blogger seperti gambar yang saya gunakan diatas kode link-nya :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONCUi29oCJK-UhM9AhO9PffmzgDsN4wvYemyBTOWmhYfn8krUmb1gdK7TeIEozlvRMQdkYdXjXGrsFdNYMW406KUK-kCPlIqbv2ImGodxLOLvwCBAfeelzLZgslTJpXLehq8vqz3C1Q/s1600/eMail%2520Icon.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONCUi29oCJK-UhM9AhO9PffmzgDsN4wvYemyBTOWmhYfn8krUmb1gdK7TeIEozlvRMQdkYdXjXGrsFdNYMW406KUK-kCPlIqbv2ImGodxLOLvwCBAfeelzLZgslTJpXLehq8vqz3C1Q/s320/eMail%2520Icon.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5535893898479432930" /></a>

Dari link gambar diatas silahkan anda Copy / ambil bagian ini saja dan silahkan modifikasi tag alt-nya, hasilnya :

<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONCUi29oCJK-UhM9AhO9PffmzgDsN4wvYemyBTOWmhYfn8krUmb1gdK7TeIEozlvRMQdkYdXjXGrsFdNYMW406KUK-kCPlIqbv2ImGodxLOLvwCBAfeelzLZgslTJpXLehq8vqz3C1Q/s320/eMail%2520Icon.png" border="0" alt="kirim via e-mail" id="BLOGGER_PHOTO_ID_5535893898479432930" />

Terakhir silahkan anda gabungkan kodenya seperti berikut ini :

<a href="mailto:abc@gmail.com"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONCUi29oCJK-UhM9AhO9PffmzgDsN4wvYemyBTOWmhYfn8krUmb1gdK7TeIEozlvRMQdkYdXjXGrsFdNYMW406KUK-kCPlIqbv2ImGodxLOLvwCBAfeelzLZgslTJpXLehq8vqz3C1Q/s320/eMail%2520Icon.png" border="0" alt="kirim via e-mail" id="BLOGGER_PHOTO_ID_5535893898479432930" /></a>

Hasilnya :

Untuk penempatannya dapat rekan letakkan kodenya pada sidebar atau tempat tertentu menurut selera anda, so kalau masih belum jelas dan ada yang ingin ditanyakan kirim saja ke-email saya :