Cara pasang emoji untuk blog
Kemaren saya membuat artikel cara pasang emoji untuk blog AMP, nah biar adil hari ini saya akan membuat tutorial Cara pasang emoji di blog non-AMP
Karna blog non-AMP tidak mempunyai batasan batas untuk css dan js maka tutorialnya sangat mudah kalian cukup pasang css di bawah ini Di atas code
Dan pasang ini di atas code
Kemudian untuk memasang emoji pada artikel kalian tinggal menempelkan emoji dari keyboard kalian mudah banget kan, "eet tapi jangn lupan" kalian harus memberi tag terlebih dahulu seperti gambar di bawah ini
Untuk demonya ada di bawah ini
DEMO
Baca Juga Cara Mudah pasang emoji di blog AMP
Karna blog non-AMP tidak mempunyai batasan batas untuk css dan js maka tutorialnya sangat mudah kalian cukup pasang css di bawah ini Di atas code
]]><b:skin>div[emoji-list] * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
div[emoji-list] {
font-size: 16px;
float: left;
display: inline-block;
padding: -0px;
margin: 4px;
}
img.emoji {
cursor: pointer;
height: 20px;
width: 20px;
margin: 0 .0em 0 .0em;
vertical-align: middle;
}
Dan pasang ini di atas code
</head><script src="https://cdn.rawgit.com/cenggini/twitter-emoji/master/emoji.js"></script>
Kemudian untuk memasang emoji pada artikel kalian tinggal menempelkan emoji dari keyboard kalian mudah banget kan, "eet tapi jangn lupan" kalian harus memberi tag terlebih dahulu seperti gambar di bawah ini
Untuk demonya ada di bawah ini
DEMO
Baca Juga Cara Mudah pasang emoji di blog AMP
