Tuesday, October 14, 2014

Cara Membuat Emoticon Pada Sistem Threaded Comments

Emoticon merupakan simbol atau lambang yang pada dasarnya mempunyai tujuan untuk memperjelas pesan teks yang telah dikirimkan kepada penerima pesan. Pada umumnya Emoticon menggambarkan ekspresi wajah manusia yang mengandung emosi atau perasaan. Emoticon dibuat untuk melengkapi ketidakmampuan penyampaian nada suara serta ekspresi pada komunikasi yang dilakukan melalui pesan teks agar tidak terjadi kesalahan dalam mengartikan pesan teks tersebut.

Dalam hubungannya dengan Blog, tentunya Emoticon juga memiliki fungsi yang tergolong penting. Ini terutama bermanfaat pada saat terjadi komunikasi pesan teks pada form komentar. Dengan menambahkan Emoticon pada teks yang dikirimkan melalui form komentar blog, maka hal tesebut akan lebih memperjelas arti dari pesan teks tersebut (antara penulis pesan dan pembacanya).
cara membuat emoticon pada form komentar yang menggunakan sistem threaded comments
Pada kesempatan ini, kembali saya akan membagi artikel tentang bagaimana cara membuat atau memasukkan Emoticon pada form komentar blog yang menggunakan sistem Threaded Comments. Jika Anda ingin membuat atau memasukkan Emoticon pada form komentar Blog Anda, silakan mengikuti petunjuk atau cara di bawah ini.
  • Login pada Akun Blogger Anda.
  • Pilh “Template”, lalu klik “Edit Template”.
  • Backup Template Blog Anda sebelum memgedit atau memasukkan kode.
  • Cari kode </body> (gunakan Ctrl+F pada keyboard untuk mempermudah pencarian kode)
  • Setelah menemukan kode </body> pada Template Blog Anda, selanjutnya salin dan masukkan kode di bawah ini tepat di atas kode </body>. Kode tersebut adalah :
<script src='https://cdn.rawgit.com/oldnewspaper/Emoticon/master/emoticon.js' type='text/javascript'/>
  • Cari kode <div class='post-footer-line post-footer-line-3'> pada template blog Anda.
  • Pada bagian bawah dari kode <div class='post-footer-line post-footer-line-3'> , temukan kode </b:includable> .  Letakkan atau masukkan kode di bawah ini tepat di atas kode </b:includable> . Kode yang Anda harus masukkan adalah :
<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()"><div style="font-size:small; font-weight:bold;color:#000000;">Hide Emoticons /<a href="http://satu-untuk-semuanya.blogspot.com/2014/07/cara-membuat-emoticon-pada-sistem.html">Add Emoticons</div></a></span>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()"><div style="font-size:small; font-weight:bold;">Show Emoticons</div></a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB9bhWwTxL5zw2xmY3YjhwjvA0oItesmv1pqfJzjXQyAz8VfebkTOv_wt1tLHrOXu1-4pxFNMKTPfOMVahJr-o2rh1QtofKk3wflzxaQ66hq9FZkLB9xH6347K1mxaRnG8Z8VDmOsriDs/s1600/smile3.gif'/>:)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVkzwZ3FZrB2ay2BMTy4uUIUcDICaLUvC_MNVaFC9TqXAscQP3aciu3YcOHiAgSjp1HWajjRw7mjsj-b-ui_nsHxQkWtddQabt_kGDmAjWFRVpONxzM6ZtvkJYfJuL-PHO72uxC6nRYoo/s1600/sad.gif'/>:(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqM2s6tq_Fvf_9jdOPYjnqCxdqGC9dO7VUJrs5oPkhJ0gg3bvQVP4YnpJLZvXdRSoe2-JBoBMzGpZqAbRBLjvueVYtGzezE3eL4yLH2b4v6Ev-hF1aILo-smdCY9ujZn4T3RPSQmNXDug/s1600/taunt.gif'/>:))
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHcL6xCAj2SLeiY0-hJpMhq3S_jvtXdt0rCHNG3Vx4fsnSKrF_26vt9YGJQjs9gsHjutX8wulidNQ3HsbFRm6QrYtp4pwedUd8xPNQ6L7M5E8iAxjbTlWBTQgpW0t0lI580AAmpb5MUF0/s1600/cry2.gif'/>:((
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_7rZ-StuKQUPvD8Z51PlN3qdI-CWk6dPP938HEedFCa4HhqwOG3bp5UE75uInr6damBsflZVmsgO-ETz7CsOMft3c5GEqzhMCFGq_dy2lmiZB8aMnqCJ8z09DwR14vGKEzxpsUYQfXw8/s1600/rofl.gif'/>=))
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio-z6nIqvHbB7uyM7QmKTFyU4_JZAcLTVvkQ9jFnPa0nv7cNhx5ldJvLYzitwLoZ8_qn22iPXcMfQ6wQ-5MUokurHXiu_kzn4XPZbLO6rDnb-DbUnhVTYdNkLYNAZVzcuXjuGXZId9xME/s1600/suicide.gif'/>=D&gt;
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF6sRlqZF8oh_R-FvwL2viPN33o9kDV39MWvzlpQ39FclEr9uRgGEvrXk3B2e1QZjAvQ4hXAHAwPIj3pWOctSRyRcueZLydxMQWC9ftJSg1zwQyZW8vP6vSTMFOL25iKSxOWThxVSgBMk/s1600/biggrin.gif'/>:D
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeUC9waFdUPDSTBcJh0UsnZJ4udtTrRgECqTZW-dF-L8qn2NyiS8YMzsIauV73Z44alcIwZWUjaH9xbkacKjNakn0jp_fbPYp9CAMYgpUgkvsgUJkEDj04etWTelfTh0ZJkmipQyN5JgM/s1600/tongue.gif'/>:P
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQP_u6wLLvmQMBTb4bytZnVJpddfG6qWS-1uRibhdFTJGyPusZYLA8GygVVyMaFSnFGT2YT_5njKnlm8800LdcjDd3Vcv1FmTkn60_uhjR1zFm-Yfdj2_cI8JJKVzIYQ3XcJHGi1FEXLs/s1600/shock.gif'/>:-O
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHYU_xpigLKI83VhO1hPVPB2Csvg-ZIKw5yQBMMXBkMkcEH3u5JyGs_VYBOipLIIzqvzo_8iZSryoh77kBiDDg33nnhVIS4lncR8pL1fxmjzzLiQbE7IsmsOFEygMq8EWZoGOUiHDVV0/s1600/think.gif'/>:-?
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2aMzE8h1tqNRoXt9QYNC7rPRoVUnSeNPbHlGEW5uACMWWbfmb_rDL_YzJF0PuX4tw1x6eAnISZcKt6-yGy99TVVJoUBIyWjnDVQTyBjQIacYi5ISDHI-Tabi8ImBAJelPADz6W6sAmdU/s1600/unsure.gif'/>:-SS
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCpTK5i4EsCj1618MQIQ-_VJAofkMSRZf4tj2S2gEJjitevhERxbHmg5vRreDZOmRdmpLivpFqA2Mf2bSv3Ev62cORefViVfvzuDmKO0mM9xwzzQwNgNyjvc5YOicGKJcolQmXSlbo_Us/s1600/flowers1.gif'/>:-f
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Mn6cPlI8igav7d8f3CgSO3BtCQGqv9GaV0jKX8NPOaAis0pLxard-Sq8SP252UtoNO964jLtkGGMGcfssAYca7LFWKB0kAU1yCuBltv4lh3e8qdcXJCt7oTWP0LT6tyTto1k1bIAKo4/s1600/doh.gif'/>d(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogcgtLghncR_bhIp2WVzhSDUpWZcYu6MSMzXsaxpzhjtQ2-BdWC8JvLit-urzSxMQAjO3drEU3LywlPStYb2yrPu2Yzh55QFbP_kry_LiDxaB2syI1eeZt10yPLZFdbh9sUE85I5w0GI/s1600/air_kiss.gif'/>:-*
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMHFJ0DEz9lAp5rOoqnbV-AaYGbZh-KIowcu7kwbL_KztZSVLuunXOpAjAx0W1D2GhpTc4WqCr_X4fP_wdg1yaMDodMM_dK7rBW9g0ydGFW-WAUlvlT_BdsOxCHH-jY2zNjFkQZ2sO0r4/s1600/threaten.gif'/>b-(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6mb2PYji7VWiugbkqTxPlcZIVH48pn2d1lhDtQq0eX6TljjAX1RuQhlAAWZXks9JsrVVTZS_cUA2tpDKYmzpH5xsq7wdP-zbXIwfE3L2ZTEXGdQhJugJClFMaadETXCD5XXLoCJkUuA/s1600/help.gif'/>h-(
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi5OsStKh7lC3yrP67ee8tNDA0MWeFf5mKh3SCCF7mGJ4nAsC0mtMNNvkspRXKvSW2r4N5mROAAi9kXC107FZM09ReUY3zDDuhcg75EFO1ngMbDkz33lpyoWIFzdXHbzj-ZYcZN-yK_g8/s1600/good.gif'/>g-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1VrenEpIc0RMnSV78SJxZSYMi2fjuA3_QK04VLaNXkcI71jLUz_zXfRhBHqSAX23SaTMjUBV6y8MRGwW7YALGPXoBBHP-a-mTGn-RZScJbUNISUwHbIfdAzaBp3RFIlQVd9BUIzM7MzY/s1600/beee.gif'/>5-p
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieOmpBFCIZqGnm9_s3zg_9tXkzDtCez_TX67B6MQJ-Bcb5TPFBCQFJk7g50FUAw_3PV1Kb33Iz1gF933iuTctHgGDsOoR9a8I2iUTUbK750K71MCXViX9HjqWsTFDVKDW0ZphyphenhyphenyJ02DiE/s1600/yahoo.gif'/>y-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijPE8QNfmoxwsEsTaOBJBlLCxd53vFbj4PJOo1kHjtyllvYCOQYftjj-iMXwa09GfWkILxdNF0JyoXeYC05qR0AGxK-JREMBgba790jA3FH5kFA5RXUgOIvQvNlbCctCupkRQ0OWu9pY/s1600/crazy.gif'/>c-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm8W0P2yTE6SVfiEij8Q-7ii68jJp0cFPRXFKyA0U171dZJP2fTUDMGBgY0kMxLvpwh4TKOLaXUmqwB7_ilNA3S5IreRM3GwoDv5FqJ88CNA1z_aEaKuS0MswBJaNuqvxQeR1flS6z6gs/s1600/spiteful.gif'/>s-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQET3XQA9rquCHYDs1iflNwF4GqFjzoPXrJfYa6eIy3gik_0ATmSUT2CsWlybpXVC9GS6EaU1LN8t0voqpg77-mxjxMuKdRu2gzGBT7a9bCVwvscf3XL8vB48HNOsWGYlr5osFyrVLtJY/s1600/drinks.gif'/>d-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPMxq8EZFJa7pIkBEqqgurP2c8-kjdM-FIWBXlj91Q7moFk-aD5dsHOXanaxQ3EqhnVq54Nwii6CFGkAK22MDDZuSwUg3-X3avOXD9U2bAikgq6HT2n47zzvedz4RbdoLo7sKZLpq9xFQ/s1600/cheer.gif'/>w-)
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9euEqdZwfdCb7_lDldPfgSHToipa7YdsPQ3Ldl0sFASjmAZ9QahyK8gM9kRUCP6a4W_ST870h8VQq6urVI7tyw6T6iKPFZw-RQQ5vFVJjvFZpGGiyTtsH1SbdwaOoKtpYc6fpvJhr3JQ/s1600/hi+2.gif'/>:-h
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh50sVkaE39xKz07hbBC40ZxDLr-BMiOZGzGzfqsDq1EqDo7JsVqUfw4-4ofChwK_cvz-yBJ1G7P7KNFCTYHq2kIc248-NYQxVs_geTO-d1bPoo5SiALUFgwsU15EifYtg9V3tMD1O0Z2U/s1600/give_heart.gif'/>:X
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'><div style='font-size:small;font-weight:bold;'>Show Emoticons <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi5OsStKh7lC3yrP67ee8tNDA0MWeFf5mKh3SCCF7mGJ4nAsC0mtMNNvkspRXKvSW2r4N5mROAAi9kXC107FZM09ReUY3zDDuhcg75EFO1ngMbDkz33lpyoWIFzdXHbzj-ZYcZN-yK_g8/s1600/good.gif'/></div></a></span>
</div></b:if>
  • Silakan Anda klik “Pratinjau Template”. Jika pratinjau template blog Anda telah tampil sempurna, silakan klik “Simpan Template” untuk menerapkan perubahan pada blog Anda.
Demikianlah artikel tentang “Cara Membuat Emoticon Pada Sistem Threaded Comments” yang saya publikasikan pada Blog Berbagai Artikel Menarik. Semoga artikel ini menarik dan bermanfaat untuk Anda.

Baca juga :
Berbagai Artikel Menarik
Share this article to your friends :

2 comments:

  1. terima kasih tips dan triknya gan, saya termasuk awam dengan tips dan trik blogger. ini bisa menjadi referensi yang sangat bermanfaat.

    ReplyDelete
    Replies
    1. sama kalu gitu gan.., saya juga masih tergolong awam dengan blogger :D
      belajar tentang blogger, saya banyak membaca artikel tentang tutorial blog.
      terima kasih juga atas kunjungan dan komentar nya gan... g-)

      Delete