Blogger Yorumlarında Hareketli Emoji Ekleme
Blogger sitenizde standart emojiler yerine, sitenizin ruhunu yansıtan, özel, eğlenceli, hareketli emojiler kullanmak mümkün. Nasıl mı? Bu kodla...
<script type='text/javascript'>//<![CDATA[
const emojis = [
':wow:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisLjNxaDlN5JWp2TuBP7L3m_1OZWcwPhYXDcCGII-NpAGPRZCxz_TJs_2sBLIUoETtPPfv5diFYA46MSlOjyqba3HrPhVevUA_qB69SohnSFdnjNV0wXiT5GQ1VVi0mp9uEU_cJXL-jvs/s68/andor.gif',
':angry:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXg1FleZICtOVMW_73i0cMUyyh4RIEm0sq-l8kCTtOkFDlRDplImKhb4_iD2pCjF64slg1HNwoGWsTwBEwl-VSzVndBLpu_qXi2v3h5_U39JnjX6Oj8WG8MAVQv-GxjVd82bTNmwf0z6U/s71/angry.gif',
':love:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_cjcZtmNYxb3xvNAUGKviHH7nDqCQgOxCfSziwwcqLbTQtfpudqUhV4RlhxkFyCYCPw2KZWYVd0joRddtjK1sE2psy6gxB6zGUc0hmxqXqlrkMmWvH92L_APwDCPwUXKgg4UvHCBXWek/s68/big_love.gif',
':blush:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidIDcNYxassxs12Z2ic7sgwMexfXpea40-_sFS_5Pf6NQp40663L3Flw-bSxay2z_sKcaXgAA_ATwoIna5nNIO2nbEYwsI9OK2nUpIOBPNZLJtWlxjYB135-0mBe6tgw_UJ0hTmC09HhI/s69/blushing.gif',
':boss:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZnZA01FGTefXw0YVio9RyzOYbIhTFKY8Pzlp_c4pwBBhBUPiVVlKMD2zSJuNpqdseo6eyoQL03DDKqmfhMLzezeEIRDHrXgiPhBBiK1Ha3TVK_xmFTBo6K5NlzjCAFSvGmNRPCjwHzlU/s69/boss.gif',
':think:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsEDVj9_NH_JjhEXHrMZZHuPBc7iroSVqAAUwayMeLpiGWnjr-n2teiY7TzQ4LpLIR-Dag2K-_v1etckadpyi8phU94M_FPsDl9dlsWTEI2hN_xycKKlaB_9aflJFse2s24vOXAZzJqyI/s71/confuse.gif',
':cry:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPnNaYS0Of3rg1pen7FXj1EDOM0VNBhwSFQBPlbXaz9UcXIboxWbpLbGR384bJ2F16MR833YSUMDsOIKkhFGSShRiMXBD8lA4XVDjIB5MTy4QNtolxF0csr1GfZ46VjNS9lhmuGZoYggw/s68/cry.gif',
':bored:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmKruSE8aBlbmpr2db26Tto_NEFuXvpGZGEUZ_692IKTKxg-KM5rDSl-HSNYBBeUMrxelo81NRUjrfmUnp6g012zdx40WdZ6PU4TEXDE4IVp6rSFXQ99j1pbCgeUa9AjkoeNm-La51nHY/s69/down.gif',
':hi:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh268g9pieLL0gWsSklDgxDtY6yn-KCKREPoFAVTaRqCJoFmwTXxXLmsYD9tPUExIqunEMzEMMGLoIkdGagb9w0WaJN0pdBdpaU3TCGoW-732SRe0sEHc2P03qDkjV0O96BxgLI9B6G1V4/s69/hi_smile.gif',
':hypno:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRaD65D59yi0C-sHfenTwX1pEHPYnF8q-kTPrd8pZWfj0OlA3ZZn2ZBQhF1L2KgBgB7O1TGnAiJUgoUII4flWp4SXX0h7A_gr-KRayw-tn3oxgie262PGVFridWCK1qB45Uxp0RA-gNqzA/s69/hypnotized.gif',
':music:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCG5tOogd7nOg46Bj2gUhfCFNwi7tXg6f5EMmh3eSWLkRjP8jmo0L8aUY8c8y3f5yGFnleNhIzr6PpHZXTzk8AVewWuTsI70nU3wL4h5z3Sg7x6jcRVuUkM1oTIUkpdD_LUQ1qSU3MUjQ/s71/music.gif',
':blind:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8EHsXii7fE1zQ_ql3MpJmBz9My-LoLUBJk15Q9IpSQYKYLwhYOdvhZ1f3Di_9mHAkkM-Mxjm8de6qDzxfqDZUKy48J-7i8Z-thU3faeCs-Nwk-wwvtnmFUqIh5UwcnwVCIULK4SIyIak/s69/no_see.gif',
':shh:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5HT4PPOVdY8N0knHsmPuCi5w-uewnHuONv6qtk9sx1qvM4YtMEbgQ_mhcFiHHeYhBgw1XP13eTL5TZu1CqBVe8ZpRtPO2U0fBD4x0mtlYLGPljI4f_SH2_jZFJfWXbygyn099_ENQPVo/s69/no_talk.gif',
':sick:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEYHhQ3dNzHBZzM_nBiMBXX6RS-C1_AGuiqsY2NSGiSYnDwX2ea1a_c4FNq99U-tJEn0rgQLmiD8IjkhVFv7ZLbuFQp_uxTsIAW0U3zS0V-CYahrlvtBVox9fPDZZlnfsYbGoH0f0m5Q/s70/sick.gif',
':sleep:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlANjSFPn8pvMtRosKspk7fqvCoi7j_523toGg0RdLsIbpymz0eZ2ZXp5oaAI7ZfW1JkE2k8VIAPDkuH0zHh4xv5NFgI9xMs7Uk3QMvu0KU4HMjbj538ZoEjG3g4siTa1tP2cSF-mau8o/s72/sleep.gif',
':shock:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsbb9SrtJeVjhiJc5yRt5-vSo-jTNG3mQUtxfSpIPdl23XFRpkSX-KjK5hOH0464C78gfVECFWp0wep1b3a81dE9b4Cq8arAZhLoGzpHdXdw0MD6CJduzLlBgDNroxxnW5A_ddtfZQdQ/s69/surprise.gif',
':tongue:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj08qH820bsToDyFN_FluJGvEaOVAbmMZZLKHVt4WKr_YET3U4GAB65S6vMUDJOhzRGv6nOnUmGSHfMSC2DftNIViNXhYeiRRAdoZirJ6OFOw35iIrj-K5jtGW4WOItlaP5iXxM4oGMjvA/s69/tongue.gif',
':smile:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKNAiWHLfQh7zYWdN0AMI_8xnwwk7UnVMCl661vdDtGK23RqLdn0zHDspAle79hxMssjYXCU9mLqt4OhxZHtGustjKuVewjWmbbypEXnk4kdrZ3aPrHQme4p3sBI_Jsn9lZa3nzSqFMj4/s69/v_smile.gif',
':phew:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMDt9Qc_9jg7VDEamlhcwbZMR9_LdaJsRfqrRrkbIxUpH26Xo23yuoe7spTt_M_1H2Dk48e18DvMcuykyDFDINkXo6TmsE-SV3KrAsDfGxZsPy_4TeaR-k1o2Q5a6ua-RvtswvVBgVma9o/s68/whew.gif',
':worry:' , 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh81-fHjQiMYqhcaHAeU8eMc32G1atdYwFh9nL7-zC9qFnpmzvDyqaALqSytwXTepOi1D24YHuuIf1nOGhRiGK5_imH9XgUQI6F6l6WOKdSajmVVhwM_hmmIdJhfKNFQh_8oF82ravuUKX6/s73/worried.gif'
];
function runBloggerEmojis() {
const comments = document.querySelectorAll('.comment-content, .comment-body, .comment-thread .message');
if (!comments.length) return;
comments.forEach(el => {
let html = el.innerHTML;
for (let i = 0; i < emojis.length; i += 2) {
const code = emojis[i];
const url = emojis[i+1];
html = html.replace(new RegExp(code, 'g'), `<img src="${url}" style="height:32px; width:auto; vertical-align:middle; display:inline-block; margin:0 2px;" title="${code}" />`);
}
el.innerHTML = html;
});
}
window.addEventListener('DOMContentLoaded', runBloggerEmojis);
//]]></script>
Artık ziyaretçileriniz yorum alanına gelip :love: veya :wow: yazdıklarında, yorumları yayınlandığı an bu sevimli hareketli animasyonlara dönüşecek!
Kendi özel emojilerinizi eklemek isterseniz, emojis dizisinin içine aynı formatta yeni satırlar ekleyebilir, görselleri kendi sunucunuza ya da güvenilir bir görsel barındırma sitesine yükleyerek kullanabilirsiniz.
Yorum yaz