Cara Baru Dan Mudah Menggunakan Twemoji Di Postingan Blogger

Cara Baru Dan Mudah Menggunakan Twemoji Di Postingan Blogger

Bola Hero Gawai

Cara Baru Dan Mudah Menggunakan Twemoji Di Postingan Blogger

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 👦 👧 👨 👩 💗

Kode javascript di atas digunakan juga di halaman ini sebagaimana Anda melihat emoji di postingan ini.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

2 Comments Add Comment

makasih gan infonya.

Balas

Gan, biar bisa dipakai di komentar gimana caranya?

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×