GagakTekno

Cara Menggunakan Emoji di Blog Amp

Terkadang kita ingin melakukan suatu perubahan dalam Postingan yang kita buat dengan menggunakan tambahan Emoji sebagai pesan atau perasaan kita saat membuat sebuah kata akan tetapi diubah menjadi sebuah bentuk Gambar atau Emoji. Emoji sendiri sudah banyak digunakan oleh semua orang yang menggunakan Sosial Media seperti halnya Facebook kebanyakan orang selalu menggunakan Emoji Pacman dengan menambahkan "Titik Dua" dan huruf  "v" jadilah sebuah emoji pacman seperti ini :V saya sendiri sering menggunakan itu untuk menambahkan pesan ketawa.

Nah yang akan saya bahas adalah bagaimana untuk menambahkan Emoji di blog Amp? dan pastinya sobat sudah paham dengan Amp yang dimana tidak diperbolehkan menggunakan Script Internal karena harus menggunakan Script yang sudah ada. Maka dari itu saya akan membagikan cara untuk menambahkan Emoji di Amp seperti ini .

Cara Menggunakan Emoji di Blog Amp


Disini kita akan menggunakan Twemoji di postingan blog sebagai Emoji dan diblogger juga sudah ada Emoji akan tetapi masih bewarna Hitam Putih tidak bewarna berbeda jika menggunakan Twemoji akan terlihat bewarna dan menarik.

Untuk memasang juga cukup mudah kita hanya copy image untuk emoji-nya lalu paste di postingan. Saya sudah menyediakan list emoji untuk copy image emoji.

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


Silahkan klik link dibawah untuk melihat semua Emoji :


Pertama masuk ke dashboard blog > kemudian klik Tema/Template > klik Edit HTML

Kedua tambahkan kode css berikut di bawah style amp-custom atau diatas </style>

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

Setelah itu klik Simpan/Save

Kemudian sobat buat postingan baru dan klik mode HTML jangan Compose

Tambahkan kode berikut :

<amp-img class="emoji" width="16" height="16" alt="😃" src="https://twemoji.maxcdn.com/16x16/1f604.png" ></amp-img>

Setiap sobat ingin menambahkan Emoji tinggal ubah saja src tersebut dengan url emoji yang di inginkan.
Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
BERI KOMENTAR