Halo Sobat Blogger (hehe)! Jumpa lagi sama Ane di ruang ketik yang sederhana ini. Buat Agan-agan semua yang lagi sibuk mempercantik tampilan blog atau website, pastinya pengen dong pengunjung gampang banget pas mau ngehubungin kita? Nah, kebetulan banget nih (jujur nih ya), kali ini Ane mau sharing santai seputar cara bikin link email dan nomor telepon langsung di halaman web pakai HTML dasar. Biar pengunjung nggak perlu repot-repot nyatet atau copy-paste manual gitu.
Yuk, langsung disimak aja tutorial singkatnya di bawah ini!
Cara Bikin Link Email (Mailto Link)
 |
| Ilustrasi meja kerja blogger era 2010an saat ngoding link email dan telepon di HTML. (Sumber: Koleksi Pribadi/AI) |
Pernah nggak nemu tombol email di sebuah situs yang pas diklik langsung buka aplikasi email di komputer atau HP Agan? Nah, rahasianya ada di tag HTML khusus yang namanya mailto:.
- Format Dasar: Agan cukup manfaatkan tag tautan standar
<a>tapi di bagianhref, isinya diawali denganmailto:terus disambung sama alamat email Agan. - Contoh Praktisnya:
\<a href="mailto:emailkamu@domain.com"\>Kirim Email ke Ane\</a\> - Tips Tambahan (Biar Makin Keren): Kalau Agan mau otomatis ngisi judul pesan (subject) atau isi pesannya (body) pas tautan itu diklik, bisa ditambahin parameter tambahan di kodenya, contohnya:
href="mailto:emailkamu@domain.com?subject=Halo%20Ane&body=Mau%20tanya%20nih"(gampang banget kan, tepok jidat kalau baru tahu sekarang!).
Cara Bikin Link Telepon (Tel Link)
Nah, kalau untuk nomor telepon, triknya hampir mirip, Sob! Bedanya, kita pakai protokol tel: yang bakal ngebantu banget pengunjung yang buka situs kita lewat smartphone biar bisa langsung melakukan panggilan atau nyimpen nomor.
- Format Dasar: Pakai juga tag
<a>, terus di atributhref-nya tulistel:diikuti nomor telepon tujuan. Pastikan penulisannya pakai format internasional atau diawali kode negara kalau target pengunjungnya luas. - Contoh Praktisnya:
\<a href="tel:+6281234567890"\>Hubungi WhatsApp / Telepon Ane\</a\> - Catatan Penting: Begitu link ini diklik dari HP, otomatis sistem bakal nanya apakah Agan mau langsung menelepon nomor tersebut. Praktis dan anti ribet!
Sekian dulu ya sharing santai dari Ane kali ini seputar bikin link praktis buat email dan telepon. Semoga artikel receh tapi berfaedah ini bisa bikin blog Agan makin interaktif dan profesional ke depannya.
Jangan lupa tinggalkan jejak ya di kolom komentar di bawah, ceritain juga gimana progress blog Agan sekarang. Pastikan ninggalin URL blog Agan juga, biar nanti Ane pasti bakal mampir dan berkunjung balik (blogwalking) ke tempat Agan! Salam hangat blogger Indonesia!
Diskusi & Komentar