Cara membuat emoticon Facebook di Blog (Diatas komentar)

Selamat Sore ~ Kata-kata tidak selalu cukup untuk mengekspresikan emosi, terutama di dunia maya di mana semuanya memiliki makna konotatif yang masing-masing memberikan. Saat itulah emoticon datang untuk menyelamatkan kita untuk mencerminkan suasana hati atau sikap yang kadang-kadang lebih mudah untuk mengungkapkan dengan gambar.

Itulah mengapa banyak pilihan untuk menggunakan emoticon di komentar blog, dan itulah apa hal yang kita akan lakukan yang sama dengan entri ini. Kita akan melihat bagaimana cara menambahkan emoticon dalam gaya Facebook, yaitu dengan emoticon yang sama menggunakan Facebook di chat dan dinding. Anda dapat melihat mereka berjalan dalam blog Anda.

gambar emoticon:

Langkah :

1. Buka akun Blogger Anda
2. Masuk ke menu Template > edit HTML > Lanjutkan
3. Cari kode </head>

     4  Pastekan kode dibawah ini, diatas pada kode diatas :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function emoticonComentario(emoticon) {
if(!document.getElementById) {return;}
bodyText = document.getElementById(emoticon);
cambiarLetra = bodyText.innerHTML;
// :)
cambiarLetra = cambiarLetra.replace(/:\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOUGIWHmE21v_Qq3ySesZVYozlo_CM_SE_Q9_MRSTo2FoctGKaelbmr3HKHnQYzo6eBnkwXLHOcjYKt4yQ1sKXWlRRGgvqdpMH3f0DT-hy_rvU2c7I_rZ6v09XmJ7tudGQZo3xcfSdU0/" />');
// :(
cambiarLetra = cambiarLetra.replace(/:\(/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguI1PvH3L52jEfxha74-luh2f1IRjyK20cp_bF2ffkKFKKcX297CvT0E5mA5U_x4mHNP2aiYDhkUreqTAcfadjDF-JGJZfu9GNcX7Mltt5Hg0AG4jLIZL1qNnF3Cu9SbhyTkpNcTPYjq4/" />');
// ;)
cambiarLetra = cambiarLetra.replace(/;\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNcw8yx_7F-gLArTMZ_NnZCW_HknGxEku8PiMNEruBYkGIEJLPzEHV9xppVVlyQ68Lr3sLyi6NLG5_195gYAd0HOjdqWQ_b9_Pipadcxk6GFkdjm8yNbZy6hKZqqVCGVHYDQ_vYEAIZY/" />');
// :P
cambiarLetra = cambiarLetra.replace(/:\P/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOmHpMz3-px7jENEGT0xxGSKRHz4Z9iqfxngz7xBg0XN5cUHrizADImf0oD5q-By7s1Urte9PZp-MEx6G0R49lQmGY2a7WGKLdoWtsw6jWh-Sl590996EQCgqLZ3m0q2B_5tCGGGY4FQ8/" />');
cambiarLetra = cambiarLetra.replace(/:\p/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOmHpMz3-px7jENEGT0xxGSKRHz4Z9iqfxngz7xBg0XN5cUHrizADImf0oD5q-By7s1Urte9PZp-MEx6G0R49lQmGY2a7WGKLdoWtsw6jWh-Sl590996EQCgqLZ3m0q2B_5tCGGGY4FQ8/" />');
// :D
cambiarLetra = cambiarLetra.replace(/:D/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlxH_EP3JQUBTiDdndIxk-masrY9X89EBtDrqD31Kz8vWzROxbJ8LtOUHrUKNn50wo0XGTHj5Q08QkYGMo2GQIskIvt4tzM3sufxTH5-xtk_ru7_RlhkRR0qVNn2L0brucF4wWuADIAE/" />');
cambiarLetra = cambiarLetra.replace(/:d/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlxH_EP3JQUBTiDdndIxk-masrY9X89EBtDrqD31Kz8vWzROxbJ8LtOUHrUKNn50wo0XGTHj5Q08QkYGMo2GQIskIvt4tzM3sufxTH5-xtk_ru7_RlhkRR0qVNn2L0brucF4wWuADIAE/" />');
// XD
cambiarLetra = cambiarLetra.replace(/XD/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyHxsY95defXOy-dDqItGryM7GvFtf7VTG7Fo94Iy2u78iXmiIuGgvHMZ93Ef3sZpiNl8TIhaKe-vcPX-1Mv4pPdTJoUpJjXe7WeqeEC5hfZ5AS-qR1YZ2_1tGY0CrlFDKYaHpopezko/" />');
// :S
cambiarLetra = cambiarLetra.replace(/:S/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzci6q3zM9BOH72eFhw7l04piw44FwHQRBroziSNX5Ho-udD5C1ade_HBMQeh8Ozr4j09gn8Kst2a2BapkDvmdcXFWtdTqIekFqYAk48AhRhJT1J42ipKfEgj61OTG4r0fQZCaD4xT0zE/" />');
cambiarLetra = cambiarLetra.replace(/:s/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzci6q3zM9BOH72eFhw7l04piw44FwHQRBroziSNX5Ho-udD5C1ade_HBMQeh8Ozr4j09gn8Kst2a2BapkDvmdcXFWtdTqIekFqYAk48AhRhJT1J42ipKfEgj61OTG4r0fQZCaD4xT0zE/" />');
// X(
cambiarLetra = cambiarLetra.replace(/X\(/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkpCYcY46G-1h_rcpbQekrSA_c58ekpADLotbUI9XLn7-ma-XeoEvdgNLb6OFf-P_tTOiT2zSyJpaxecUbq1eFDiOdQxiS5eLg30vWJl2kl5_Xf5qfzeKwfsDHDLHWSes6u-N9zdmqN1I/" />');
// :'(
cambiarLetra = cambiarLetra.replace(/:'\(/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9wXO49FNaTfZoo0zWiq2SCIyyH-Wkxwo0h62gQW3t9qF5_VPmK6OGHkSpAg_2FcHuXI63CWdf9_YDECvLJBBSwEk8TGmZX4-juCx9Yz3Bgqhc7hcOE7vDYImD7nJT32_-dJveBdOHtEU/" />');
// 8)
cambiarLetra = cambiarLetra.replace(/8\)/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiZT76pVw1GcyV3wQ8kQhjGFCNBTKQKIluj0FyDtpxJc3OTJEmOJQWTjkNlqMSh_Zn-NGiD7dhfG89WqebZ2GJcUCLz2v7Fb7jzSifsUCCi1LYaiW8HmRpDTSCNGWLu2OaSVvF9jrgLD8/" />');
// :O
cambiarLetra = cambiarLetra.replace(/:\O/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqeH5CYEGKkhh49u01lN-Kq1uhSk0ddJ-JiKzW8z2N1Ohgnb6IGdjyegvORWA4ZnEcMYPt8eCQMVpzkJUVQCj9rmhbQeyALw59GmNXyAOPj8w0FFCEnRJYWllFvpi2qPxcOC_e0iF6xWM/" />');
cambiarLetra = cambiarLetra.replace(/:\o/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqeH5CYEGKkhh49u01lN-Kq1uhSk0ddJ-JiKzW8z2N1Ohgnb6IGdjyegvORWA4ZnEcMYPt8eCQMVpzkJUVQCj9rmhbQeyALw59GmNXyAOPj8w0FFCEnRJYWllFvpi2qPxcOC_e0iF6xWM/" />');
// :*
cambiarLetra = cambiarLetra.replace(/:\*/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz3u5TZQPIAojP2imgx3Nx73XV5bHlfjtcbuKlK5FAVXlPr014Sibt31qmaOg6JJsZHlDnKqxfjjgibfSVhfNYLbMUBf4uxjOPdtJ-zB54GXuNsjqguRmw63mbpasNg44fkmZ8MzRXq2c/" />');
// :A
cambiarLetra = cambiarLetra.replace(/:A/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBfCBchdlUOTERbT4OI1hN6el9ab2kxdqJVIjTMhLAsfnOiuxcyvCxeTKzGCwW5EYuGva7axtaZFLXchjRCOjdWME5A-GGIN025W67p9hbqcF8fpRi6SvWa5T9wdgDcvQVasr3wqKJobQ/" />');
cambiarLetra = cambiarLetra.replace(/:a/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBfCBchdlUOTERbT4OI1hN6el9ab2kxdqJVIjTMhLAsfnOiuxcyvCxeTKzGCwW5EYuGva7axtaZFLXchjRCOjdWME5A-GGIN025W67p9hbqcF8fpRi6SvWa5T9wdgDcvQVasr3wqKJobQ/" />');
// 3:
cambiarLetra = cambiarLetra.replace(/3:/g,'<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5kXfCzcA2lJqV3-SCOtMKvrhBeyozrDYyoOh10SfF7pB62Z6ULj9KpAtpvo7cAGrdEeDPC0MhcsgrvtKh05zIOnezH6cK5fYnOn1wkxHjAnGdEPSJOktXDraVSIy5azjzNCttkHtkouc/" />');
bodyText.innerHTML = cambiarLetra;
}
//]]>
</script>
</b:if>

    5.   Lalu, cari kode yang mirip dengan kode dibawah ini :

<p>
<data:comment.body/>
</p>

     6.  Hapus kode diatas dan ganti dengan kode dibawah ini :

<p expr:id='&quot;combody-&quot; + data:comment.anchorName'><data:comment.body/></p>
<script type='text/javascript'>
emoticon = &quot;combody-&quot; + &quot;<data:comment.anchorName/>&quot;;
emoticonComentario(emoticon);
</script>

     7.  Lalu cari kode dibawah ini :

 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

    8.  Mungkin Anda akan menemukan 2 kode, tepat di bawah kedua itu, tambahkan kode dibawah ini :

 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK1Y8OIEHAzSgIks96vQ6xB7Xqz6_c8SNh5-xKE2y8GqpGHBDlyNMRPzir278ajjh70sFAuibZWZDpiPvSnQoIy2epjuFBGcN2YfbGWFlr5S64u7bHRKxc6W50WuVzu5NBfY-rNZBcRHo/'/>

Keterangan : Itu adalah gambar yang ditampilkan di atas form komentar

    9.  Save template Anda

Selamat mencoba.