Cara Baru Dan Mudah Menggunakan Twemoji Di Postingan Blogger

👋 Halo sahabat Kompi, masih ingat dengan tutorial cara menggunakan twitter emoji di postingan Blogger? Atau mungkin Anda sudah menggunakannya sampai saat ini? Nah kini ada cara baru dan mudah untuk menggunakan twemoji ini di postingan Blogger 👏 👌.

Kalau Anda masih khawatir akan blocking render js dari twemoji.js yang menyebabkan loading blog menjadi semakin berat, kini hal tersebut (blocking render js dari twemoji.js) sudah tidak perlu dikhawatirkan lagi. Kini twemoji.js dipasang secara defer sehingga tidak akan mengganggu loading blog 😍.

Begitu pun dengan CSS, kini Anda tidak perlu memasang CSS di edit HTML untuk mengatur penampakan emoji di postingan karena CSS sudah saya inject ke dalam edit HTML melalui javascript yang saya gabung dengan twemoji.js.

Sehingga untuk menggunakan twemoji ini di postingan Blogger, Anda hanya perlu menyimpan kode javascript ini di atas kode </body>.


<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/KompiAjaib/kompi-js/master/twemoji2a2.min.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>


Namun untuk menampilkan emoji di postingan, masih sama yaitu menggunakan kode entity dari twemoji di mode HTML di dalam editor postingan ✏.

Untuk mendapatkan kode entity twemoji, Anda bisa menggunakan list Twemoji yang sudah saya sediakan di Kompi Ajaib. Atau jika Anda tidak mau menggunakan postingan list Twemoji Kompi Ajaib, Anda bisa menggunakan halaman list Twemoji yang sudah saya buat. Silahkan Anda 📌 bookmark halaman tersebut atau bisa Anda buat 🔗 link di blog Anda untuk halaman tersebut.

List Twemoji Untuk Anda

Untuk pengguna Wordpress cukup mengklik emoji-nya kemudian CTRL + C sedangkan untuk Blogger silahkan copy kode HTML Entity di samping emoji yang diinginkan dengan klik pada kodenya dan CTRL + C.

Nah semakin mudah bukan? Selamat mencoba dan selamat ber-emoji ria 👦 👧 👨 👩 💗

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments