Cara Membuat Emoticon Special Kaskus di Blogger

Table of Contents

Catatan 2020 ketika Aurealisa masih memakai Template Blogger VioMagz diperbaharui pada 31 Mei 2025

Niatan awal aku membuat emoji di blog adalah rasa penasaran darimana dan siapa aja pengunjung yang selalu datang ke Aurealisa, sebagai penulis Blogger, tidak lengkap dong bagaimana saya mengetahui ekspresi kalian, entah itu senang atau tidak menyukainya.

Sesuai judul, emoticon ini bersumber pada laman kaskus.co.id, lebih tepatnya kamu bisa menemui nya pada tautan ini: https://bantuan.kaskus.co.id/hc/id/articles/224997327-Smilies-KASKUS.

Aurealisa buat untuk mengetahui gimana pelampiasan kamu terhadap blog ini, entah itu sedih ataupun senang. Selain itu bukankah ini sangat bermanfaat untuk kamu yang sedang mencari cara membuat emoticon di blog seperti kaskus agar bisa mengekspresikan perasaan seorang pembaca?

Yaudah yuk gausah lama lama, tutorial ini cuma tempel tempel aja di blog, bukan blog programing, cuma tutorial biasa, jadi script sengaja aku sembunyiin.. hahanca bercanda.

Memasang Emoji Kaskus di blog

• Buka akun Blogger kamu dan pilih blog yang akan di pasang emoticon kaskus
• Masuk ke menu Template lalu EDIT HTML Lalu tempel kode dibawah ini tepat diatas kode </body>

// Konfigurasi
const displayEmoticons = true; // Tampilkan emotikon? Atur 'false' untuk menonaktifkan.
const replaceImageLinks = true; // Ganti tautan gambar secara otomatis? Atur 'false' untuk menonaktifkan.
const supportedImageExtensions = ['JPG', 'GIF', 'PNG', 'BMP']; // Ekstensi gambar yang didukung (hanya berpengaruh jika replaceImageLinks=true).
const contentSelector = ".comment-content"; // Selector CSS untuk elemen yang berisi komentar.

// Daftar emotikon
const emoticonList = [
    ':1thumbup', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPaBEDKAU0OPPhxjIeVq9E_6Eam5vP3j3twoMt7WOhM_BCov23IXRYzaZVgfe2NnL8SoxilMM5VO8iLIO4g1uR6s1YjbU-8PsPm5CFX3nguVJLokGonk_sAjrx8u6_tp2gA93J1oVqME/s1600/1thumbup.gif',
    ':2thumbup', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLxsV9eniZ-oYFqeiDCX9XEi9icc5wObQmAwc0TWiEakRH_IgUfw_JF8rOt7uVSy3LVNtRqUStaB0miEsI9Nq__vIKbTdoxMKYQ5ok17EmRafGWKIGimnqKvxFX91hJbZvK7QiunleZCA/s1600/2thumbup.gif',
    ':angel', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSXjELP1dYsZBAMQfly3HKOD6cmDkN629O-nX0v1PpLyTfa3scyyQKRX-FK_QMXFH09uN48zRJPQFlUarququwiO0r1QBa1brJHohb8LfODUmEWmI4Z0bwj8iTqMrMMXNmt9UI6nnc3NA/s1600/angel.gif',
    ':babyboy1', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_JQZ8Y470BsClLZmnt8NLEvsLocHPJ3a88dg4puRJbmNDlUF4MrH3oW3AttiL_DfSL7l8doxxI6RiLuW1yrFk6KBhH0cN5KlN9kYegCDmYfvFZFUtIqoNo48s2nv9zeZTW6R0Y11t0JQ/s1600/babyboy1.gif',
    ':babygirl', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7tVMuPymgxkB3HHIkyVAlOHq4a_yPizqi3qNq3LaTVn2kiVB9pQRT_NT4TXmAoZuuMyW9bwnW23ymw4UTRKPCcZPHzT0i148dLGy1QFmRvlsNStAb8c0Pu1LgE1LG1eAEoHTNz8gjceY/s1600/babygirl.gif',
    ':batabig', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqBlILVRqYpsr9MnScEZXpZsogFoharXsP19Er8KTIoByNuyc7V4OA7ntebQXQpda7JpDNJwW1RYQlOMpNdHj8w6CLsY91co3eZ8ZXOVv5fH68rRbj_imhp7aKgkTH7Kd-KpB-i8L18GE/s1600/batabig.gif',
    ':berduka', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4dmFKrlOIlgKFAAK975a2EnRLXNXAQvqOeJGbtra2HmmJnzKnvsmLeM3MG8H1uXjw0AoLVNylRKvgz11qwx-Oq3VzrWM75cmOPhIbs8I3274vRjqsdYZpX7ysITfChkwkEN1GdFOM47c/s1600/berduka.gif',
    'betty', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPHLnqKRTNyorvOVF-Yw8Y8Sltx2BF2VME4gzbnoZBxf0LpSeKupY7kYugpsm3iWuJKn3tD54pfunVzhZS_Q4cB5rE1bnnnUDfLlUKNNyB4mez4qiZhJeafr4hCJrPoxms07qvcOQMMeM/s1600/betty.gif',
    ':bigo', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiscDSWNBV-r9JPUjkuMz9KuxB5yKCG8qKq9Lz11oeHSvADoeZWi4ej8nxzoXtzphvx9V7_VrjpjyHjkoFPPvDO1yriWIL2WYw9hARY_nSyBnFuICFNJBJUJxmpRxi0-Xjes0NLDdnfvzY/s1600/bigo.gif',
    ':bingung', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRh5inD8v_5ypjinBZ3P7GjtnzGZW4jqWyUbMVjpsmgJCBmvPLB42KBuztZFQAf2nUlOYrskRn-X9uKRHognt1JwlSeL5cEHHFjyjLToMpYyzGeZqi4MnhvvxVg7uTLSGguAl5IfjAsVQ/s1600/bingung.gif',
    ':bola', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4nS7dwHkyRkTX15gEVuysxj4QgoG-A5I7XTlONbfAxH490FBuOKQxEicyaMUFrxefvbcqQMrX0qeV5d6dLoeXtx7Gev0ExrGlkaBI0tM9IWj0kfCJgya7a65FB-WqmbAHD_NYploiriE/s1600/bola.gif',
    ':cd', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimKCtGA8tQpqhFxMLMQgAeV9s6kW_GRUWZ2-ERWelwZnqPL1oWrK3vMeS8RBtOT9fiJAAUXLZlpW_HejOIbRIwSd8oXeOZTsYZQbpN_52VMOaIaDQHt_RxztJUo3mbfXVzpISSfUxmHxo/s1600/cd.gif',
    ':cekpm', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxEvED1M-sxx3HHEVR7iwfRqQMLkA7Zytnvv0HAN3svcw2Qo1ILfvxHDM0V7W60WLV4awc9UY2arZHoqt0W_nqlsIvCX8kbJaQgIUTFBwiB7_AXzdpoieFoSoBchTm-rvuhumD794lOi0/s1600/cekpm.gif',
    ':cendolbig', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOJtHURzzXjfCzoLXV187i19J_aBZG-Nt5lmsBlFQKlZ3NWaKxw-NzvIZ31ZSI5ryzoqlDDIn3BsUE1RbbsXf24uOnWEeeQjsSCf0CPhIDs5Xa790lxG68LiSSgLPS8ocC3byAHj3u_Vg/s1600/cendolbig.gif',
    ':cool', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3SrH79DEJStAAm-eTTN0WtGYl-o1t8ZULe_lnwILeBOtiGQCdjsPCLWx4uO_Sa6CzMaoVKOWdHtigVgyuQyf3K8P4uvH_bWBF3I9Fzb77MEqmhWWdyK-KxyDGMgabcib2z-8S8tZ2Kh8/s1600/cool.gif',
    ':cystg', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVAF0qk8vLGuAZSAvsR1wNNa9BuBOBs-m8tJYWrYtPqm1A6FGxrPYfrvLiU6atLrS4Qa61YVyVlg9wQFhJv-ZJcVmynwAwm6zmW7apjpNbzVGj1i7D4F-gsYN8rtY6ECgLD1Yh9kE1rdQ/s1600/cystg.gif',
    ':dp', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXDBabJNRqJoufVqkjHXAnzvAIUhDGbIIX5VQA6IxJcCdNCzzGBPx91UR9zsAoKFKn9CcQQVwpuhuzn8ceyZxet5OM7VHyHHJA5fWjAyOaDQ41kYHh2s68maVb9j1HHR5dVhDJeZX4yrA/s1600/dp.gif',
    ':entahlah', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2uIvqCW5BDhiFPR7GT0TZLHU-86p3ds1_tajRkvy_ZemjyUck9ZL4hFgQAzHDIaQmfEnBe_hZFEqKg-tUFYHZhgY80Kx09est9zDw7aL_XdivESBEAAjv4E5JU2vXNHr60fZOCKaYjZ8/s1600/entahlah.gif',
    ':games', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4PZC7tl6nbHjgdgD4lWiYsxaC3qX0DK8uQaUCzbQuqmZyMh1hsR0uuDI5KKI8BNcKr67ZfgdwFj1OThZawd7xAWSdmLjM2lwws7GbqPF1hnFy1qpL8RD6zd0VlMsLLWROIoc4AmKxkKE/s1600/games.gif',
    ':hai', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzomqhEvwdgHvuvgzU1jZIZ0ICV_cpCkZrQNUsPkzSLRTeQDOvSJ5jbj6zFmcCotrxGPvZ9QZekS7bZnV_mD2tUHL7tqWueNOfCjVCybwdNsWLos7-OsAFR2CZ8Q6bGrQEmVMUZxEFKT4/s1600/hai.gif',
    ':hammer', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo_Sjd-VDolyT59vNNBniElSKkGCTIYi7kgCT7B0_AL44kDs3Xcsmn1Kfp63MDg57q0rR9viGboOIhsf7ljfros_RfoFc-UTjXeX9edXal5rwaYVR3q_tucLCOJoUQVe9TXBkku8tt5Ic/s1600/hammer.gif',
    ':hn', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS3_7zCrr8eliBzbV1Oefh9sfZxU_rJt1C8g_oOZvL5vdkZvBOdSOJQ990aS9yDbIH_PC1QH2vXSyU5iayVCtOX1W9FAhw0mQNxpLlDl0h4SWZM2ZecbiyjsrzejPhyGa0Y2Pa6GNtmLw/s1600/hn.gif',
    ':hoax', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA5pabDmw8icLqyo5fz6N52igo-uoYWGetnDnetXh0QHipkcy_gAFQfz8VnOAvfi_QSLJsBFFzNvCs7VLj5k4T1ZHZN6pJmHZMqn9pr8TjZa1oQYqUjjZmgvzpMERQpA-zTIeTfZhfGg/s1600/hoax.gif',
    ':ilovekaskus', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCc74jPglD8mY2PKeL74mXZbk5M_tUxyGi_FT74PDx28CJEOrVko7oUr4FDYANbhAOg4_ovMzPWK4o6e_gZqqFxUgbF6dHemb2gkcAx8HGPQuhG1bxqDZdPV2HWeg3yE3YipeVcRC3H90/s1600/ilovekaskus.gif',
    ':jrb', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF2USE0G4lpVkHVCpFciUAxH03WSYG8NY414NCOyNBGoGEfgOjGcfofvf7wZmnzaliL111KPxaXCk4gQSXwXYZ2Rlu58v1ZBqgkSBxlSn6fK3m52cpV7EepSciGC32473vgAeNyuzFNR0/s1600/jrb.gif',
    ':kacau', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bzvsqrDVLdNNMAigUzosY0On46zfQNk7HGXmJBMN7_yjPK4eCGUHro4y0ZmLu6f9ZPShF_gEfYEZdpsaEdR0N0JAVz9hSILuYb5Ye6ryGk7taPP4EEbJBsSjhK_xaT3JwSCbQEiAliQ/s1600/kacau.gif',
    ':kbgt', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQfJMuw1AcsLdZN0hX14VJynakyV8OYPi16YAyg2oYh-zUvFFO-AoM0ONaZdVepNELXhmlrxWXOKx5c1JWDhV7lkulpZoT_vSQNRhEeGQ6vE0FG9w7AKPD63W8caO5Znd-RQNItNWJC-w/s1600/kbgt.gif',
    ':kimpoi', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3O0I28PhmYOYct9utUXOjTa_cZlXQlnV-6WyKfY9Em6V2QlRF5-j_rq1Sc3iR3Y0468g3knFIgDoUjCXOQ76GRFAOMBYUQl80A_SaBZ1uFEp6uKRgToNwHoKbHS3UP4q5ogqIX_gXHgo/s1600/kimpoi.gif',
    ':kiss', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1PvC864dQKK-4SR6ugi4kZHThV81UQts61ICRkEuCXwD9-6GeyjEL_9CUtRLp590WxQOocqBAmkKilzHXkmMTIif14khzZ0N4bbMr2vY6vWGoxBprFDreTHnkiP_SNGJf8_i5k-XNMW0/s1600/kiss.gif',
    ':kr', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh-xPnoWSIAmaTbU4pxi8wQQyDc6ZKpgcop123iRPSB9JYA6qnk2DaDr6hKS4LfW6ZwZkKR-ENnI2LBGkVkJUnfN94dqY4U2E2XGxZBbJFTVFxUX7G-mK9uk6QaTwy7TZbifmPYMdCqMU/s1600/kr.gif',
    ':kts', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia15AIyqiw2m_pZeo0HyvkwOKClQd5Z-8Plp7CdqzPb2CnE0fcVEaB7Mm95nCDWSHFzkA2s8CSuXn8-jG22IMw6vh-5lEHvOUcjD_Z_j8TMMid7-Wafk5Y6ixzQGBh_oro4C1MI8LAlAU/s1600/kts.gif',
    ':lehuga', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh84TfQW0yo1fYDMTfwQyx1tsPz2VpzdkYR_4-yFXgXS-kwygCF3N6_szsTbfJvROncH4KtzpCo2ePgnJMrN4duqj7pPN04iRPyG3z4T0M5mOKWgHywrcZDJWNqqx3V4sOzA8hHN9CzoFg/s1600/lehuga.gif',
    ':malu', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIgZ0ucscjM7kcaZk4XZKKCKRKEywpHqPjMMWOGK1BDTHXWqzpAz3GrCE5_CmRyA_Zjpg29ij5dhJ863bjm0bCSonK-iZqpnChWaVjh2w26oRcfC9w4pvA19621sPXcSHvWZfVI9x0E3Q/s1600/malu.gif',
    ':marah', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOt4kC08L1uRe2bXWKVwE5hYMJbH1plnee9zWLCeQFoxVtXtvft53kdSvRuYs7IddMi0tT_x1SQj8CMdvPIXavb1sGygeZdTzdIfFom6OpqbLtGSirr6Q1M48sIt3mFkWdYCmdUQjvT1w/s1600/marah.gif',
    ':matabelo', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjiP3JXKrd87Zzf6M4pzqoeB5EimVcVzRqRwMu9SHTk6R63nNN7EtBoPk5_7csniJUhAn67YIT5d53MJn5Wc4drkaHB4Knls1RPHHd5K1PL6NbsPTACzJ03qdzQTtXN_23e2vje9HxKFE/s1600/matabelo.gif',
    ':mewek', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1PgWdUxjpJQpjYiklMSCNaDQeLWEGCszp0yQUmBrIN2iDew1TnMzz1_aKMvAZ3GayiI0q16gjYn2TvWpV6-UaoXwUv3snsBLnz_DWTsKlr6gV8z_uU2qhmACm6WxLt5qlCQlG6DuZVJo/s1600/mewek.gif',
    ':najis', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnF154U_J5QVfWgZavwFeEVw_nrqjxTIQHJ9b8Iu20A2Y9Qb6QmctMmVAHOgFJpjWlrBBkaHIgDwJynj639oQmxkjFNl7EYG3dQgSgfXop-pxab2uhNRJgKeWWu9WdvNrAAnCZxaiR8nU/s1600/najis.gif',
    ':ngacir2', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij5M4_8B2AtblZIeE_EpE0dksmLzcqTRrtPpAfC951yREZxDVM6MniOfwSp7oR3S2iX92ASPtFLDz4TthsNksUOh48GnKy0sE6yTEa-71T4e18D7RuDaVz_eTbCOHx8VHoNgiK7EO2hdU/s1600/ngacir2.gif',
    ':ngacir', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbNeeF1FdJYo7nuYoMD_bl1uj30vgvdvlnGgpl3bSJaqKB5Zk5tcwl1oU4KhYvU1_yWWKTTlJaOOesroWhHJ7MHxuYG0trqxi9J4yYvZGichJ_JRm2yAi0o-IHTElBRK6PZZnzEi9ZZwU/s1600/ngacir.gif',
    ':ngakak', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-Qxt4RGwv4ujuzDsF4qP1LdC7645Wc9pvYRzT2jyRGbwxOSSuX7aqi8a_XmvWz4zchiL3bf7uJcnOq1eKh0gIL3mQjkUWLZHB_c19Krfw1-xigAylOtirjYeEooLJD7Z0JuR_msQhtc/s1600/ngakak.gif',
    ':nohope', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrTO8gmlG8Jl0KdtdWba5f3UiRWwmq4AKRRbqBsz3GBBZ2hBvVj-dnezEHrmuJ0ddJ96EW21qMlXwC2LHIdxbC1kImc-BdumgMHGtiNaV9zkLDYfO5BqCWhrbRZP4WQUHn-b9j8EEAjg/s1600/nohope.gif',
    ':nosara', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCkLmf79qQkabIJFUxsM4kD14HxZtiysr-7q-ZppgIdL3YqttK1_dzlH_7fagquPe5GyaUGB3e8FCrJLq0S-4cjHVIQHkWwZqOkchyMzq0N7h9TmgAs7Tvw6DuLkQhjNMqNb_hjtZfZeg/s1600/nosara.gif',
    ':nyepi', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7i6VzyyHZoI1HG_qszS2BCctXhnpTbjNpwvEu7FmljJX9A4z85zh5QhSIMcWgX08hZwuWhTwBc8qaqyTHY4ChX-kcqLOqncP12xv-muCc4Sy6KVtetmfNKfhYSYERe1DlJoHw0O0dHs/s1600/nyepi.gif',
    ':peluk', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZZs7D2YByJ7xQGSigffkLIbzShH-MvXq-ehbv9lTSlm-U5R2KCByBPF4DuPQHQoxTphSeDLgIgsDxNTY2ab7snup8gMd5wrY5awOhQ-QOpRr1oDsVmHnyjD7R7ER9Rt5Z6ztkpp-zrY/s1600/peluk.gif',
    ':rate5', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzuh6h15TJrtqKQjfw-7vuUaCbjyCtONtFWZhKfUqohEYzqAtR4iXnEC3AvP8E1GA9yeoU-ah7wDcPCripUZSQeC6xM8MtwW7QKixMdUmulys_mzt6CmmHvyPBWKGXYhfPOdOB1LJBqLY/s1600/rate5.gif',
    ':recsel', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNpzyRcIqsbddO02dGoGS7LvtcX3QVND3Lr-NZUtHKhmh-j2tSVcwNtAqwexLw6WHzFByY6o6tPqgJ_CjyoGc6Vnh5u_mCpcuk6FCwp72QPaCQ0H0zlGFtUSwWzXNa1gSp2_LxH4qKALQ/s1600/recsel.gif',
    ':repost2', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjDh-zphclNZKta1Bt4ComyFltdlat7xUyOrgwa1pTjTMSAExp6UB0f1GDboQj-7hJzGWW6dDderi5L8CzUAdKT_zL8fE10hsXOUMtD1MYQb7L9iYdjmTUP4Sm4ZaLlY0JFQse_P82_s/s1600/repost2.gif',
    ':repost', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwFtaLj20SQSzqgc-jLHYmizSSsRKbvfNt5V8GZ8kT6oLcF8mkX_3Ig5PaS_g6-sUvXHdVTd2k1WFV3B4zXMck1LcXX9uF6lCdpVcQwsiTZyuCAgWkJRQnadV3x-5aOxUf_c3TQk_gqHk/s1600/repost.gif',
    ':request', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvnzp8DXmKil3RpEnRTUlHoMyjYj3_gTWDro6hYCwyphqK59YHNhkdnBUxW0cXwYuL_HhuFjFaOdANFaHSvdFQWz65qmON-a7ZXDEcj0-sxAGXf2eiN9Oi-sHD700Tm1-xHUjmFDuVg54/s1600/request.gif',
    ':salahkamar', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLBb1xFbvzWZ3rCbM-Ede5saahksBMZc6szJ3rNwiZRgB8axMbrEPuoMRA6ebw8bUwxFpaC5_27iIeKEjs6DAWuurdnCVWWN_jvCG1SXx4ai60yaavpos8_a_RawLt3Y0YNpH6e-pRrfrA/s1600/salahkamar.gif',
    ':salamkenal', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhTSLXYuTU0pg-uTRAi8xz7JG7-svvF61UlbxBvAS6VTUjXutUyPOTlCAcBry3XTn4_wp9PGG0xTHXbwybowhWgiu7diotiQqo8fOj09sO2NPDdR6Mvxoz37fc_hdWLvnV5Oo7EoBmHQ/s1600/salamkenal.gif',
    ':selamat', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWbjGh2iq2bSWO1rrJq16adZHbAjeepd9WdkyiGxbwmQgrdDHVZhbHCYPXi54aXM7RbFsBlyd4_VcHmGE_8m58xYbTCn6UtdVf75Oc96ntK-t5FIdy0KsaGeQJ3z135TWGfQxVie6x1P0/s1600/selamat.gif',
    ':shakehand2', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmFpfTGN8-QdbBEu2vq5SiZFvDNp40sN07ybsigS6EWz5OiOAbYWRJ3xXjMp0TDpNQmLJL4P0K7ObEWREbM9X4yqVZ2-yxPsP49MJXqUoykoGgQt1W0m8NG4yni67DfT0Jzhh2rpImQIQ/s1600/shakehand2.gif',
    ':sorry', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioWRCqckKlTdcGt0rWqAudn-TV5Z4hv5ctLovI0vtidF04Q9p6mI_A_4xlUNoZEN7vFGb6IZ4EyMpLFayyDP_9rnM7oqxXmkh26QaJxaug90JIPLzuynnYnUj0XpOl59ICWKmt_SmRntM/s1600/sorry.gif',
    ':sup2', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipyah_1ogYvcdJ5RkXG6QdP52yvbk0k6VlrHYhWLzkes41RDZ-T1Jl2z3NAVEAsihSsnfC26CDf0SpPpvTSsAHbi9Sr-2vPr81HeCi8OeNgRa5JBWJzUzvX5NXHzNdrVOzazUrBD6Mi3Q/s1600/sup2.gif',
    ':sup', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3-8yrP-inqFDQEL6H2Bvv-eHcUCK6FqJeziAB1fnEWOVlf1gIOacpW2lzD1IzULe3xUSm2TAiEJG0zRSzqKr3pKffkAVHcyIhVBJayimp8IGDzdylZj3pDqQXksDpJ2Pg2g1x58lzGY/s1600/sup.gif',
    ':takut', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgueksaH-EW-gELPNNRFmhq9ragAF2rY-MwyFlxI9aUB9WXP_Azj_oyUiIeXG4LZNVsR9_lv7JayPs-ZXrlDgtvpk3B_lTQ1HyPkYBtfETy7ZvYsKD27voAYr-NE1au7LR2ZzXVaW3Fsq8/s1600/takut.gif',
    ':toast', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiblL2qPWzLMLzF7mL-Ib0IZRhU8oi6QUf2BHNqjg9aR00Yi7ngav4jmVa_mZqhJB8VImptakuxb_WOHujKEenAJLw8omXEJf0Z0EYr6TXbjH_HkfqG4MFixhp8JjaO8lGvc07Czu4oIB8/s1600/toast.gif',
    ':travel', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNaWS-4UvaiB-20ZFUL9Oo7oot5PoECR3ZsQUgZ134HUk4gv4qrSHLdHofPWc-9rJF4OTRf61NqzmOVCxzZXpUA6ST73sDbYUHWim69zyZer6jXBaQlbgjlK4bW7IX8Ltas4yjOc4J_RU/s1600/travel.gif',
    ':ultah', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiczjYHbNeL4uyjpMNtu9Zhduv4whqPmOFm5Q0IP37rLDLhwtYB1zFZlgSHhLMNNy9JzVPN_4oNNhvIOIfHJRHz-mip3uO18dYuEiDxsgVKO2IOIB1YIvB5j1PWfafA98xixLBxJmrm34/s1600/ultah.gif',
    ':ultahhore', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDA30FAO4HbjgfjNCKHXAp3ccCaNucI9sYnLe7UblZW_oEez2iQf__njM7GMlsnNSReeFJ0xtGan0fT2hRviHvNl5Ha5VchJmxzqKPklXKtr1xNdpctP7eEniZxce30pWVhKzLn-5ljo/s1600/ultahhore.gif',
    ':wakaka', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBhkqkZs6tx_VCq1IJ6WOfxeM7vSuOSfh0c9ZU9_Xw0_4DW2LH_yMr7WFO3bstGxSzIVNBRYVlJ0Ykl1TuFizQ7refA73SU4SstojSAVNIPi0y0PSN6AbBpdfHN3TJ0xDbTKve6Fj-Pkno/s1600/wakaka.gif',
    ':wkwkwk', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh7JMcNGzdbOqX6czOYqfoSzNEHxRiZX-BZKvRRg5rVtmHYiRTWcKtu9s6z5pObOZkyC9tgQkV0xpBEggyt0juTtgz2a2WmGl2ALwUpT3D74XO-6Urb7Vq8wuUDS2nSQ0btdmzFLaeTvc/s1600/wkwkwk.gif',
    ':wow', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRepbhERneb0101NAovXOEFxtCi3KwtLybi_6pH3FRxpfMObSczfChhQPz7YijGqjoEevgc1zX70pxxReo7m6IgXAbr710JtZz8HSgmm8Kws32u9zurqtNIURKRaRigTZBJYoEGn3AdOI/s1600/wow.gif'
];

// Fungsi untuk memproses konten komentar
$(contentSelector).html(function(index, originalHtml) {
    let processedHtml = originalHtml;

    // Bagian 1: Mengganti tautan gambar dengan tag <img>
    if (replaceImageLinks) {
        let currentHtml = originalHtml;
        let finalImageHtml = ''; // Untuk menyimpan HTML dengan gambar yang sudah diganti

        for (let i = 0; i < supportedImageExtensions.length; i++) {
            const ext = '.' + supportedImageExtensions[i];
            let upperCaseHtml = currentHtml.toUpperCase();
            let startIndex = upperCaseHtml.indexOf(ext);

            while (startIndex !== -1) {
                // Mendapatkan bagian dari string yang mungkin berisi tautan gambar
                let potentialImageSrc = currentHtml.substring(0, startIndex + ext.length);
                let imgSource = '';
                let protocol = '';

                // Mencari protokol HTTP
                let httpIndex = potentialImageSrc.toUpperCase().indexOf('HTTP://');
                if (httpIndex !== -1) {
                    protocol = 'http://';
                    imgSource = potentialImageSrc.substring(httpIndex + 'HTTP://'.length);
                } else {
                    // Mencari protokol HTTPS jika HTTP tidak ditemukan
                    let httpsIndex = potentialImageSrc.toUpperCase().indexOf('HTTPS://');
                    if (httpsIndex !== -1) {
                        protocol = 'https://';
                        imgSource = potentialImageSrc.substring(httpsIndex + 'HTTPS://'.length);
                    }
                }

                // Jika protokol ditemukan dan sumber gambar cukup panjang
                if (protocol !== '' && imgSource.length >= 6) { // Minimal 6 karakter setelah protokol (misal: "a.png")
                    const fullImgSrc = protocol + imgSource;
                    // Menambahkan bagian HTML sebelum tautan gambar
                    finalImageHtml += currentHtml.substring(0, startIndex + ext.length - fullImgSrc.length);
                    // Menambahkan tag <img>
                    finalImageHtml += '<img src="' + fullImgSrc + '" class="comment_img"/>';
                    // Memotong string yang sudah diproses
                    currentHtml = currentHtml.substring(startIndex + ext.length);
                } else {
                    // Jika tidak ada protokol atau sumber gambar tidak valid, hentikan pencarian untuk ekstensi ini
                    break;
                }

                // Cari lagi untuk ekstensi yang sama di sisa string
                upperCaseHtml = currentHtml.toUpperCase();
                startIndex = upperCaseHtml.indexOf(ext);
            }
            // Tambahkan sisa HTML setelah semua gambar untuk ekstensi saat ini diproses
            finalImageHtml += currentHtml;
            currentHtml = finalImageHtml; // Update currentHtml untuk iterasi ekstensi berikutnya
            finalImageHtml = ''; // Reset untuk ekstensi berikutnya jika ada
        }
        processedHtml = currentHtml; // Update processedHtml dengan hasil penggantian gambar
    }

    // Bagian 2: Mengganti kode emotikon dengan gambar emotikon
    if (displayEmoticons) {
        const numEmoticons = emoticonList.length;
        // Pastikan jumlah elemen ganjil jika ada. Kode asli memiliki masalah ini.
        // Jika jumlah elemen ganjil, kurangi 1 agar tidak ada pasangan yang terlewat.
        const effectiveNumEmoticons = numEmoticons % 2 === 1 ? numEmoticons - 1 : numEmoticons;

        for (let i = 0; i < effectiveNumEmoticons; i += 2) {
            const emoticonCode = emoticonList[i];
            const emoticonUrl = emoticonList[i + 1];
            const emoticonTag = '<img src="' + emoticonUrl + '" class="comment_emo"/>';

            // Ganti semua kemunculan kode emotikon dengan tag <img>
            // Menggunakan loop while dan indexOf/substring untuk mengganti semua kemunculan
            let lastIndex = processedHtml.indexOf(emoticonCode);
            while (lastIndex !== -1) {
                processedHtml = processedHtml.substring(0, lastIndex) + emoticonTag + processedHtml.substring(lastIndex + emoticonCode.length);
                lastIndex = processedHtml.indexOf(emoticonCode); // Cari lagi di sisa string
            }
        }
    }

    return processedHtml;
});

Di atas aku telah membuat sekitar 60+ Emoticon, kamu bisa menambahkannya lagi nanti.

Pengaturan:

• Display_Emo: Apakah Emoticon ingin ditampilkan atau tidak? 
• Replace_Image_Link: Membiarkan true akan secara otomatis mengganti kode pendek dengan Emoticons dan sebaliknya
• Replace_Image_Ext: Format gambar yang didukung

Buat daftar emotikon dengan kotak komentar

Pertama, kamu perlu menyematkan kotak ini dengan kotak komentar.

1. Cari <b:includable id='threaded-comment-form' var='post'> dan tambahkan setelah <b:else/> berikut kodenya <div id='threaded-comment-form'>

2. Lanjutkan untuk memasukkan di atas </b:if> kodenya </div> 

3. Temukan kode document.getElementById(domId).insertBefore(replybox, null); dan ganti dengan document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

Pada tahapan ini, kamu telah berhasil membuat daftar emotikon yang akan selalu menempel pada kotak komentar.

Jika kamu ingin menampilkan emoji diatas kotak komentar, silahkan simpan kode dibawah ini.

.emoji .item{float:left;width:40px;text-align:center;height:40px;margin:10px 0 0}
.emoji span{display:block;font-size:12px}
.comment_emo{width:20px;height:20px}

<div class='emoji'>
    <span class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPaBEDKAU0OPPhxjIeVq9E_6Eam5vP3j3twoMt7WOhM_BCov23IXRYzaZVgfe2NnL8SoxilMM5VO8iLIO4g1uR6s1YjbU-8PsPm5CFX3nguVJLokGonk_sAjrx8u6_tp2gA93J1oVqME/s1600/1thumbup.gif'/><span>:1thumbup</span></span>
    <span class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLxsV9eniZ-oYFqeiDCX9XEi9icc5wObQmAwc0TWiEakRH_IgUfw_JF8rOt7uVSy3LVNtRqUStaB0miEsI9Nq__vIKbTdoxMKYQ5ok17EmRafGWKIGimnqKvxFX91hJbZvK7QiunleZCA/s1600/2thumbup.gif'/><span>:2thumbup</span></span>
    <span class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSXjELP1dYsZBAMQfly3HKOD6cmDkN629O-nX0v1PpLyTfa3scyyQKRX-FK_QMXFH09uN48zRJPQFlUarququwiO0r1QBa1brJHohb8LfODUmEWmI4Z0bwj8iTqMrMMXNmt9UI6nnc3NA/s1600/angel.gif'/><span>:angel</span></span>
    <span class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_JQZ8Y470BsClLZmnt8NLEvsLocHPJ3a88dg4puRJbmNDlUF4MrH3oW5AttiL_DfSL7l8doxxI6RiLuW1yrFk6KBhH0cN5KlN9kYegCDmYfvFZFUtIqoNo48s2nv9zeZTW6R0Y11t0JQ/s1600/babyboy1.gif'/><span>:babyboy1</span></span>
    <span class='item'><img class='comment_emo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7tVMuPymgxkB3HHIkyVAlOHq4a_yPizqi3qNq3LaTVn2kiVB9pQRT_NT4TXmAoZuuMyW9bwnW23ymw4UTRKPCcZPHzT0i148dLGy1QFmRvlsNStAb8c0Pu1LgE1LG1eAEoHTNz8gjceY/s1600/babygirl.gif'/><span>:babygirl</span></span>
</div>

Selanjutnya kamu lanjutin sendiri aja ya :v

Setelah melakukannya, kamu akan melihat daftar daftar emoji kaskus, tetapi hanya akan muncul di postingan yang memiliki komentar, jadi kamu perlu mengulangi langkah ini untuk yang belum memiliki komentar. kamu cukup melakukan hal yang sama dengan mengganti tag <b:includable id='comment-form' var='post'> dan menghapus document.getElementById(domId).insertBefore(replybox, null); untuk melihat daftar emoji. 

Simpan dan lihat hasilnya.

Salam