Saya akan membagikan sedikit pengetahuan tentang bagaimana Cara Memasang Emoticon Pada Komentar Blogspot.
Tujuan memasang emoticon ini adalah memudahkan pengunjung yang datang
untuk mengekspresikan diri mereka terhadap apa yang mereka baca atau
mereka lihat, sehingga pengunjung sangat tertarik untuk berkomentar pada
blog kita. Tidak hanya itu emoticon yang saya bagikan ini
memiliki karakter yang lebih keren. Jadi sangat cocok untuk dipasang
pada blog anda semua.
Bagi anda yang tertarik untuk memasang emoticon di blog, caranya sangat
mudah anda dapat mengikuti langkah - langkahnya di bawah ini.
Cara Memasang Emoticon Pada Komentar Blogspot :
- Login ke blogger
- Pilih Template
- Klik Edit HTML
- Setelah itu cari kode ]]></b:skin>, kemudian letakkan script berikut tepat di atas kode ]]></b:skin>.
.emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;}
5. Selanjutnya cari kode </body>, kemudian letakkan script berikut tepat di atas kode </body>
<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //<![CDATA[ var emoRange = "#comments p, div.emoWrap", putEmoAbove = "iframe#comment-editor", emoMessage = "To insert emoticon you must added at least one space before the code."; // Emoticon bar before comment-form $(function() { $(putEmoAbove) .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>Click to see the code!</b><br/>To insert emoticon you must added at least one space before the code.</div>'); var emo = function(emo, imgRep, emoKey) { $(emoRange) .each(function() { $(this) .html($(this) .html() .replace(/<br>:/g, "<br> :") .replace(/<br>;/g, "<br> ;") .replace(/<br>=/g, "<br> =") .replace(/<br>\^/g, "<br> ^") .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />")); }); }; emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLcVXnQYo70d9rE4s_6JPOQjryj9OAhWPvAP4kqOAjwJlNKX0qiL7uV-VLoSUlA2EZjNmG5zIvJj8ipPy5au_4TyXCkMnphQx35FVsmJkC4yGH-cXKC2Wy5MnD85lHWfBg7nzdDCBAOiM/s36/03.gif", ":))"); emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9kN9o2FS6xeHyFCMpDdabBz7ByNVLOU8JuZYNgrR0a5NTs5XTZCPeMWuTWoiRMFP9AAAf_Kp17X4BVBq5fRslW2jJNSUCaFeOREJfcvu1kzBAw9pRovDKNZKP-5BOZpHMViDDf5I0kec/s47/06.gif", ";(("); emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIfmNFTZ49J7IDi5PMxvuEcfNasg6wHSM1PAs3hnbFdvqwQ_qDQYqn-sf7IIqYisKh5mDyuzXEHryckXcgCs2Givd3hQhgA4lPM8HtrEYygvO-YtaCgoClS1s4cZtacuZ_dkuLGcpkII/s36/01.gif", ":)"); emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSzZ_FVry-fNMo3sWVWp53JHrCWKOvvvEsb12_k8FFATUbwm5UwlH46vLxaecac5HXgZQtW3siuYs0qt32I6gbuYmvUSyXNoDY7ZM-QAOo0glbE9ixI32yfKj_mIFxFBSuT8zUN_9T8SA/s36/02.gif", ":-)"); emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXcSx6zZQsWlY-4BVlyxTDUjVwbIJOEAvr1D81ZOceAyRVHsbyW_-8lx9UFZpZuz-kMgQJA8zvfkp3671YGptQsI0f4-4luO85E39rtaDZjdWHJLACuFfcIq9SmtS9pwZhjy3kDixm7_Q/s36/03a.gif", "=))"); emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigSzAbZUK5FiI7s9vd_JGshew-2PeNnfnH4Ba7Nn0U4J3Y3c_pP4ROLQb6VsR1qeQl2LZxERQmN8wYGZfJP_wLdYUiG2vD9mcSvvMp7fS5fZKUMD1LMS9e9ZS7Kuu-PfIPf2UWJPir-A0/s36/04.gif", ";("); emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRoVhHNCcbZhzotAs87SxnC8hnmP_lFxwsNnlx3qXVvO83u1WNUZl-OqdyOnm5QbxyPWdJc5mHV9YbU_7fG60nAFDnAdKv6CqvtwdIeWcYKP8aQSdCmVKlKBJtDd3eq4VsdqO9vb3zug/s36/05.gif", ";-("); emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3URfzPOXp02SGQq3rCnEliFwrXNj7SoZggWzIf-z0deQ2CzP5rHKcsru3LFnhuCbIGUcjdPJR7mF93sHtN-cqIQtIAVtVRy5wTxrOa37E9mrh12vBpuBt-6FQ5RKbCK0nF5JyrzoFQE/s36/7.gif", ":d"); emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCnXuHkoVv1Vg9dXPFhgIW18q7ysnrSa6kKS6Kj4olCFy-PDHNga0khmTjIo5eamKoE5A-SoeauUjMHK4k4dCf8mwIisQRezvShBDHaTcq7562XI7GjUQuGPDhWRCulnXZz31Jum4DPF8/s36/8.gif", ":-d"); emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-n7TZSRMwoyW1L_yXDDbc1-7wC_GwsB_W8OYL7xQuflz3-t0E0uMHPDLV_WSI2J6h6fNXNvXCSlic-brhbt3G9jR1cm5KVRUa_BOBlUafW1vMsefdMPftmaPlGHS-ZucRqjwbCsayZc/s36/09.gif", "@-)"); emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi98JuOis_2eHFHaChgoKck8aDMkcP0vPCGH_CqI-GrHcJ8gF_A_03L9NpCjLbAbDtkBGckBHUa8pS1BxbnwhhLCWHUhqcGsSMG1YbLFs-RYokDHCdu6YGD4UtiPKxM9IDVVHyzyphDurg/s36/10.gif", ":p"); emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ix3AChSbnPvE-ufnVWY0cTN8Ar-TOsvM4V-3N9prdl37GIymcGrOBJv2Il9_YPJTPPoCj5OqfFabu3PKruEg59prK8AbH4BBhmGhVLqGwmRIcNjys1iokszOij4v3mfnvaEmy_NFPdw/s36/11.gif", ":o"); emo(/\s:>\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKU8O1_UImcnhla_wyvUHLtXUOGGoyD5ZlT6EJb2zF60-91-CDXE8Vnkr77-uaDVJYustcAZlzZJAwy4wtLSjX9B1ghTJUngFnF-mx7qYp01-e1UR7pIVk7Gq6BiqtkvYCiRc6KjrQHfU/s36/12.gif", ":>)"); emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0F5Ps7A8PzLzOeRIBErv_Q6O9r4W9QQE3r7b2hhGWvGXKPFykmnUihyphenhyphenRee5hS40hXADtM4jzrbRNmPupRVULvEwgrFJ5JYvLnIeCUv4_64WK5l-eEb4u709pBrgEpOssuSi9RYx8_gts/s36/13.gif", "(o)"); emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYuFgY_3UkXWC8nOXYo5fRTzgaHhywgZ_vK1ITz7AXYOCCQCGAw4UP0ASvOqh17vRm48UCAtbn38jcdaRJhrBxYkPcksmnCdAhwJAjX3bMNFm-VfhPCMjpgdoy_jV0YW6yHWO4ttpJ2o8/s36/14.gif", "[-("); emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg24AMHpF-Kk6YBgLJzDIcx_WricEUmhdTrkDiRvD2uAANoqzw5kif7J2mLclpCd3J2dLNbI0yaAlNuahOhIhNYw9-YP0_Fu9-8fy4lBOYcsPdTkRaRS0SgejHlznZK1sv28IiGfSkqd_8/s36/15.gif", ":-?"); emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikEVzdad4y5m67vvboiUAGDYhgdnJhSrX3T7cPZqsZx3ICJxbmOq1jBedRoGG9ikfr0IXMpKh0rJaFpWIxfMfH4-n28d33ombglyVEM8UqYABzoBku-O0ZIOJeItqXfHT9lcsbh53Wf9g/s36/16.gif", "(p)"); emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP_GalX64oifouURyM5hN-Exut4s4oqPAIDzN3LwNCQyf4_myY8DRSrp-0XBqL1zel9Magt1Gav_kscMFHubZA0bID7bLI7ESipW8PzbxnPr6yh-0MCEXKNIwUbs5kL_TI8rlKaOXg9Jg/s36/17.gif", ":-s"); emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNOwswUKVqWg_iV5JfEL_7fhFqIjbzESGSadfIJwXe2kQ8NGbGH_De7ewF5H-8mNAw_cOfjvgFWsOljYTLYZGK8xIxfR3BC0dovIW91Fwz3ck1fu9Wgm6INdoEcqzwmR_bz2uMM-XhJ00/s36/18.gif", "(m)"); emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8BaWpqaKVE0uX9stst3Rc64HR1vS3x8ggKbeL7ao4Aa498FuBEvDS4UO_YRUAF1pip56pIxRZiF7k6Gxtxnxlsz1o6M9cAljZVOhAHoSDJcOoOHSeOJxlsz39KqRP6xqWhL4zCIWNR04/s36/19.gif", "8-)"); emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM3Ic3rn33BaPTS19SQXUrZP-WeJKbGD1qOlYKaE6bhcFK1mF5kcltBWSwDRX3UgR4JEbmEjwWaUg76I3loGVSHk5C5CGXLa5z1-a6ffc9tS33Xwx8or-Nn1ODUiTklmI2ff23L_WZeSM/s36/20.gif", ":-t"); emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7vz-YRxETH3Uh4Qz7mD-ZEfCxPHOzEvw0MNtpBC31XawTS4gxnnV4dKZKSs4M_Owf2Yb5cCl89yusOIZ9VUSaMp6kTe320mp18pZBPYqzI2t6acbk9TiYGXMIHDzmbx6P8bAQBGr3d2g/s36/21.gif", ":-b"); emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCEakIWb2Tsj5FRDEfDmnNXsxA4JxvQ6g-1FueQ3Ic7r1GVSTVVR1cPplQ0O3BHXsoyAwtvGsKYw5sfafcDbA7uFDWaERA-1gFvImAu6fpQHbJaulj-JrkqqJ6a6hqOQYkIjbAjH1ZQM0/s35/22.gif", "b-("); emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr1ql7BK3wC2duQWOh2MQiFrmnVZRwA1W1tlNuU4dUTX_ciSMByFDVkS44LghWVxtq5jOqHSX2ZMwFpkjd39MDirSPwzNdyJrsNvOAORghfIpzrZDlICrTkiZNRgh_wkgtwIBwglSq2sQ/s36/23.gif", ":-#"); emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYgYY3wqxSXCEMt3c2m7CxsE9pMVems3B70YK6Rzv38cu_Bvx6L67jSY57TaIBh5Y_Rg40dtGNUgPUxGt86-wEVr4SOdmo2CIrtEobCx-VdAAxz5_1o0JMsMzHPHDzKLjT-8Sp1t1bjy8/s36/24.gif", "=p~"); emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ZJf8VrVmHm9l8KGHT9Vh-Wkh-yGR58jiQqJq3Zx_y_ZVhARlOaqoUhRIhyQXpLyU_y5VrXpKlrWrdBup6B-FqoeQoS6TnHeimVyexoobbFJdVlpzYvRR9MzZEMKnmfKmmQVj67bFV10/s36/25.gif", "$-)"); emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyia2N8s94JR7m_S1WbIML8fhljEaGFFMnL2AeB537x5MaTi6zgHuQcle28EYChC94x9_kF1tTwsYsum2xNJMGvnrG_RaZVqwWtHBv6SXXhv1fPZBlPCg21ny5JGAcrTUJ82lbcfv8mc/s36/26.gif", "(b)"); emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNNCQSqGQfNH6gOmv73-C2bRnstBG4-WTOps29dgXF0Kw1Z7auJe_Z0Ks3a6tQj09j9RYX4-DOzU2XEniAJ0wzMWbGnKgh1uyw71_HdN_cmg0EKcvBh5EmGgyjVp2YMAf7sD960BbLoo/s36/27.gif'", "(f)"); emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoTuP_uqboNQiubjn5N6CJK9MrNbQtaCeZJOfw16-seQPcoXMmRH7aXNYqj9VCPtvRUHmfdyFEDQXVpGJoTWGcpmFQp7JbFMygf26H4JL7qDNXGVKpqG-ZTZcEj5Txthyphenhyphen-CRwWwt-7Jek/s36/28.gif", "x-)"); emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinFAm_ymMNnl-xR1iNN6gii8_rdMJkLK0Mmb78SDxmfoQ5rtvOdqrqW7QILRMY-JUki0O5I6JKIDiq2ipxZq24WF8Oj53yDvOYWlFQNRoi9vpOCbKB5zNkCQ9Nc0cmMy-0wRfXsUbwxYI/s36/29.gif", "(k)"); emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhujAU0nY-KyjuXZR1WoeJPSIsNnl5sr8KUD8dpTnK6XmbMfA-7tEVgg4RmiwmpBcAWbYlZY2KMNDk5IfQxMSgiCsNfdczDCsETEAihZINgT1yz3FaClseZXt5FB36SrQmOEhJNMnd_c0M/s36/30.gif", "(h)"); emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGU5nty8WHibUHbFlblEudR2i04QbkKc_Uzg-WAkf8SPBCliReq-F96a5xrLXqpHypjpGR8hhGR5FEiWWizNDhhCVTui95YY1YlvBWkglayX0u7PFpdo3yLAAZzCf0vBVs1UqiNnjtQ9Y/s36/31.gif", "(c)"); emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzh8XOmDFAFoxBdmgKqU6xlJ7WpuVxTn0Hig-9EoTk73co3aB_wWD_GCm4nbMG6HNcqDoGYUcv24RepmT4Xg0apaZy0lrw9qWNWQfx4EwUwVXtK7gK9jqknS7wkjakBn9_w-5lZj_22bg/s36/32.gif", "cheer"); // Show alert one times! $('div.emoWrap') .one("click", function() { if (emoMessage) { alert(emoMessage); } }); // Click to show the code! $('.emo') .css('cursor', 'pointer') .live("click", function(e) { $('.emoKey') .remove(); $(this) .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />'); $('.emoKey') .trigger("select"); e.stopPropagation(); }); $('.emoKey') .live("click", function() { $(this) .focus() .select(); }); }); //]]> </script> </b:if>
- Simpan template.
Bagaimana mudahkan? Cara Memasang Emoticon Pada Komentar Blogspot. Untuk mengetahui hasilnya seperti apa, silahkan tulis komentar anda di bawah. Semoga bermanfaat.
0 komentar:
Posting Komentar