Belajar cara membuat HTML link kirim email di blog

Diposkan: 31 Desember, 2013
Tips cara membuat HTML link kirim email agar bisa membuka microsoft outlook , express atau pushmail Handphone. HTML link email itu hanya di tambah kode " mailto: " dan "alamat email". Gampang bagi yang sudah  tau, bagi yang belum tau mungkin sedikit bingung. kita kenali variablenya terlebih dahulu mungkin kurang lebih seperti ini :

Membuat HTML link kirim email di blogspot
  • mailto:  : untuk alamat email
  • subject : untuk judul email yang akan di kirim
  • body : pesan di body atau di tubuh
Apa bila kita membuat HTML link biasanya seperti ini ya :


<a href="http://www.subdom_or_domain.com">Di sini textnya yang akan tampil</a>

Untuk membuat HTML link kirim email menjadi.
  • Link kirim email saja :
<a href="mailto:IniHanyaContoh@Copygocopy.blogspot.com">Kirim Email</a>

hasilnya seperti ini : Link Kirim Email, email terisi 

Link kirim email di atas hanya terisi email saja, bagaimana bila kita akan langsung mengisi judul atau pesan di di body? Jawabanya adalah simple, sisa menggabungkan.
  • Agar link kirim email, Email dan judul atau subject terisi :
<a href="mailto:Email_kamu@hanya-contoh.com?subject=Subject atau judul disini">Link text Kirim Email</a>

Nanti hasilnya kurang lebih seperti ini : HTML Link Kirim Email subject terisi
  • Supaya link kirim email langsung berisi subject / judul dan pesan di body :
<a href="mailto:?subject=Subject atau judul disini&body=Pesan tulisan yang di tubuh disini">Link text Kirim Email</a>

Kurang lebih hasilnya di bawah ini: Link Kirim Email subject dan body terisi

Cara membuat HTML link kirim Email otomatis di blog tiap posts item.

Saatnya kita praktek membuat HTML link kirim email di blog mengambil secara otomatis post item URL link supaya bisa dikirim. Timbul pertanyaan kira kira apa saja yang akan terisi di ambil dan di kirim bila seseorang tersebut mengklik link itu, biasanya email tidak akan di ikutkan, yang akan di isi hanya subject dan pesan body. Untuk di blogspot kita akan kenali diantaranya seperti ini:
  • <data:blog.metaDescription/> : meta description bila mengisi
  • <data:post.snippet/> : potongan full post kurang lebih 100 kar
  • <data:post.title/> : judul post item
  • <data:post.Url/> : Url nama post
Untuk membuat HTML link kirim email di blogger supaya di post item subject bisa kita isi judul post dan body bisa kita isi dengan meta description dan link post tersebut. Sehingga menjadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot; mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:blog.metaDescription + &quot;%0A%0AReadmore : &quot; + data:post.canonicalUrl'>Link kirim email</a>
</b:if>

Nahhh mungkin akan menjadi momok bagi yang tidak pernah mengisi meta description pada tiap post, atau post terdahulu malas mengedit description penelusurannya, sehingga tidak ada alternatifnya di body hanya link post saja, berikut yang ada alternatifnya dan di body kita isi data post snippet serta post Url :

<!-- Link kirim email post item dan alternatif tidak ada descriptions post -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Ini data hanya untuk post item saja.. -->
<b:if cond='data:blog.metaDescription'>
<!-- Ini data jika ada description posts.. -->
<a expr:href='&quot; mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:blog.metaDescription + &quot;%0A%0AReadmore : &quot; + data:post.canonicalUrl'>Link kirim email</a>
<b:else/>
<!-- Ini data bila tidak ada description posts, alternatif post snippet.. -->
<a expr:href='&quot; mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:post.snippet + &quot;%0A%0AReadmore : &quot; + data:post.canonicalUrl'>Link kirim email</a>
</b:if>
</b:if>
<!-- End -->

Atau Link tersebut mau di kasih atribbut rel misalnya nofollow, sisa menyesuaikan contoh :

<a expr:href='&quot; mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:post.snippet + &quot;%0A%0AReadmore : &quot; + data:post.canonicalUrl' rel='nofollow'>Text</a>

Ingat!!! kode di atas hanya bekerja dalam ruang lingkup post, Sehingga bila ingin memasang di luar ruang lingkup post bisa di ganti :
  • data:blog.pageName untuk linknya data:blog.canonicalUrl dan data:post.snippet, data:post.Url tidak berlaku (akan error di luar ruang lingkup post), sehingga bisa di sesuaikan dengan keadaan.
  • Sedangkan cara kerjanya hanya kurang lebih membuat alternatif meta description posts pada blog saja.
  • Begitu juga untuk mengisi descriptionnya blog tiap post dan statis, bisa di lihat dalam post di sini.
Apabila membuat Link kirim email di postingan entri blogger, kita sisa Add Link sisa isi email dan di sesuaikan.


Tambah link email  new post blogger

Link kirim email seperti ini menurut pendapat pribadiku cocoknya di pasang di versi mobile blog, karena sekarang bamyak handphone yang sudah di dukung pushmail, message dan jarangnya seorang bila memakai notebook misalnya OS windows yang sinkronkan dengan outlook atau exspress dan lain lain, namun bila ingin di pasang juga tidak apa apa, mungkin mendisable versi mobile blog atau templatenya di bikin responsive dan lain lain.

8 komentar

  1. Gan bisa gak link sms dikasi pesan body kayak gini dengan dataposttitle

    BalasHapus
  2. keren, baru belajar juga ini

    BalasHapus
  3. koq saya coba ga work ya gan ? apanya yang salah ya ?

    BalasHapus
    Balasan
    1. Ya harus ada aplikasi untuk mengelola email diperangkat tersebut, dan sudah mengkonfigurasi kotak pesan masuk email...

      Contoh aplikasi pada perangkat dan OS:
      Microsoft Outlook di komputer OS Windows, Aplikasi Gmail di OS Android dan lain-lain.

      Kalau gak ada aplikasi untuk mengelola email dan belum mengkonfigurasi, ya gak work(bekerja) gan... Karena HTML link email itu mengarah ke aplikasi kotak pesan pengelola email, bukan ke alamat web...

      Hapus
  4. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus