Belajar Cara Membuat Kode HTML Link Kirim Email Di Blog

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

• 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 akan seperti berikut 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 langsung tertuju ke alamat email, Email dan judul atau subject baiknya terisi :

<a href="mailto:Email_kamu@hanya-contoh.com?subject=Subject atau judul disini">Link text Kirim Email</a>

Nanti hasilnya kurang lebih akan seperti ini hasilnya : HTML Link Kirim Email subject terisi

• Supaya link kirim email langsung berisi kata pengantar di  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 akan seperti di bawah ini: Link Kirim Email subject dan judul body terisi

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

Saatnya kita praktekan membuat kode 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 mekanisme kerjanya hanya kurang lebih seperti membuat alternatif meta description posts pada blog saja.
• Begitu juga untuk mengisi descriptionnya blog tiap post dan statis.

Apabila membuat Link kirim email di postingan entri blogger, kita sisa Add Link sisa isi email dan di sesuaikan.

Link kirim email seperti ini menurut pendapat pribadiku sebaiknya di pasang di versi mobile blog agar lebih friendly, karena sekarang banyak 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.

Blog menggunakan terjemahan otomatis Google