Cara Gampang Memakai Twitter Emoji Di Postingan Blog 2018

Sebenarnya saya sudah pernah share cara untuk memakai emoji dari Twitter emoji di dalam postingan blog, namun itu hanya untuk blog non AMP alasannya memakai script.

Kemudian saya mencari cara semoga dapat dengan gampang memakai emoji di postingan blog AMP maupun blog non AMP tanpa memakai script.

Akhirnya saya menemukan cara gampang memakai emoji dari Twemoji di postingan blog

Sebenarnya di blogger sudah disediakan emoji, tapi masih hitam putih. Kalau pakai ini kan postingan jadi lebih berwarna, bukan?

Caranya cukup mudah, kita hanya copy image untuk emoji-nya kemudian paste di postingan. Saya sudah menyediakan list emoji untuk copy image emoji.

Hanya pilih emoji yang ingin digunakan kemudian klik kanan pada emoji tersebut kemudian copy image, kemudian paste di postingan.

Silahkan pilih emojinya di tombol berikut:

Emoji

Kemudian silahkan di mode HTML lakukan menyerupai berikut:

Silahkan tambahkan instruksi attribute berikut pada instruksi <img untuk setiap emoji yang ditambahkan:

 class="emojika" width="16" height="16"

Sehingga menjadi menyerupai ini.

 <img class="emojika" width="16" height="16" alt="Cara Praktis Menggunakan Twitter Emoji Di Postingan Blog  Cara Praktis Menggunakan Twitter Emoji Di Postingan Blog 2018" src="https://twemoji.maxcdn.com/16x16/1f19a.png" />

Untuk blog AMP, rubah instruksi <img jadi <amp-img dan instruksi /> di tamat instruksi jadi ></amp-img> sehingga menjadi menyerupai berikut:

 <amp-img class="emojika" width="16" height="16" alt="Cara Praktis Menggunakan Twitter Emoji Di Postingan Blog  Cara Praktis Menggunakan Twitter Emoji Di Postingan Blog 2018" src="https://twemoji.maxcdn.com/16x16/1f19a.png" ></amp-img>

Kemudian silahkan simpan CSS berikut di edit HTML semoga emoji tampil rapih.

Untuk blog non AMP simpan di style:

 .post-body img.emojika{width:16px;height:16px;vertical-align:middle}

Untuk blog AMP simpan di style amp-custom:

 .post-body amp-img.emojika{vertical-align:middle}

Praktis bukan?


Sumber https://www.kompiajaib.com/

Share this post