Menambahkan Emoticon di Komentar Blog

Halo Selamat malam semua .
Emoticon dapat berguna untuk mengekspresikan komentar anda menjadi lebih berwarna dan lebih unik tentunya.  Hal ini juga dapat membuat blog anda menarik dan mendorong pembaca/pengunjung anda untuk komentar pada artikel anda. Meskipun sangat disayangkan emoticon tidak disediakan secara default di blogger. Tapi untungnya kita bisa dengan mudah menambahkan emoticon di komentar blog. Saya sudah membuat plugin emoticon yang sangat menarik dan mudah digunakan.

Mengapa harus menambahkan Emoticon di komentar Blog?

Emoticon adalah kombinasi dari kata "emosi" dan "icon" yang berarti icon yang digunakan untuk mengekspresikan emosi dan "icon" yang berarti icon yang digunakan untuk mengekspresikan emosi sebuah pernyataan tertulis, dan membantu untuk mengubah dan meningkatkan penafsiran teks. Maka jika komentar terdapat emoticons maka anda dapat dengan mudah memahami suasana hati dari si komentator. Ini adalah alasan mengapa, banyak blog/forum-forum diskusi menambahkan emoticons pada kolom komentar. 

Bagaimana cara menambahkan Emoticon di Komentar Blog?

Oke langsung saja kita mulai, ikuti langkah-langkah dibawah ini

1. Login terlebih dahulu ke akun blogger anda

2. Selanjutnya pilih menu Template > Edit HTML

3. Gunakan CTRL+F untuk mencari </body> dan copy kode dibawah ini tepat diatas </body>

<script src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/js/netoops-whatapp-smileys-blogger-posts-comments.min.js'/><script type='text/javascript'>//bloggersmileys.init();</script>

4. Nah sekarang blog anda sudah terpasang emoticons, Namun, jika anda ingin menampilkan emoticons yang lebih simple yaitu dengan hanya mengetik kode pendek untuk menampilkan emoticons, maka anda harus melanjutkan cara dibawah ini

5. Buka lagi template > Edit Template

6. Gunakan CTRL+F untuk mencari <div class='post-footer-line post-footer-line-3'> kemudian cari </b:includable> lalu Copy kode dibawaah ini tepat di atas </b:includable>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='noopsmile' id='noopsmile' style='background-color:#E0F7FF;background:#eee; border-radius: 7px;width:634px; padding:10px; border:1px solid #ddd'>
<img src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/imgs/comment-section1.png'/><a style='display:none;' href='www.netoopsblog.com' >bloggerwidgets</a><div align='right' id='close' style='font: bold 13px arial;margin-top: -14px; cursor: pointer;'> Close [x] </div></div><div id='open' style='background-color:#eee; border-radius: 7px; padding:10px;width: 87px;cursor: pointer;display:none;left: 582px;position: fixed;top: 1%;z-index:999;font-weight:bold;'> Open Emoticions</div>
 </b:if>

7. Setelah itu, anda perlu menambahkan coding CSS  Smileys tepat diatas ]]></b:skin>untuk membuat terlihat lebih menarik.

.post-body img.noops-smly {
  padding: 0 !important;
  margin-top: -2px !important;
}

Nah ,mudah bukan caranya. Sekarang kolom komentar anda jadi terlihat lebih menarik. Terima kasih yang sudah berkunjubg di blog saya semoga bermanfaat.