Cara Membuat Link WhatsApp Pada Blog

Table of Contents

Kalau dilihat dari judul blog mungkin sudah tidak asing lagi, tapi kadang bagi saya pribadi sangatlah penting untuk saya catat pada blog saya sendiri, yang kadang membutuhkan hal tersebut.

Karena menurut saya jika pada postingan blog kita mencantumkan No WhatsApp kurang lah begitu keren, juga pada halaman statis, seperti halaman Contact misalnya, jadi alangkah keren jika yang ditampilkan bukan No WHatsApp, akan tetapi Link nya saja yang muncul, dan jika diklik maka akan langsung dialihkan di chat pribadi.

Adapun kode HTML yang biasa saya gunakan baik di postingan blog dan halaman statis, sama saja tidak ada perbedaan, jadi menurut saya pribadi ini sangat saya butuhkan walaupun kadang - kadang. Lebih baik saya posting pada blog saya pribadi.

Adapun kode HTML yang biasa saya gunakan adalah sebagai berikut:

<a href='https://wa.me/62812345678910' rel='nofollow noopener' target='_blank'>Pandawa</a>

Kode HTML tersebut bisa anda gunakan pada postingan blog dan halaman statis. Anda tinggal mengganti No WhatsApp nya saja sesuai yang anda inginkan, yaitu pada: 62812345678910, ingat awali No nya dengan 628.

Jika anda menginginkan disertai dengan logo WhatsAppnya silahkan gunakan script dibahwah ini :

<div class="contact-me">
<svg viewbox="0 0 24 24">
<path d="M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z"></path></svg>
<a href="https://wa.me/62812345678910" target="_blank" title="Chat WhatsApp">WhatsApp</a>
</div>

Silahkan anda tinggal rubah No WhatsAppnya saja, ingat jangan lupa awali No WhatsAppnya dengan 628.