CARA PASANG EMOJI KOMENTAR BLOGSPOT TEMPLATE CONTEMPO

bysufyan Yaan -
Biar seru dan blog menjadi lebih interaktif  terkadang kita memang harus berusaha menarik perhatian dengan cara apapun, salah satunya misalnya anda bisa memasang opsi emoji pada tema blog anda jika sebelumnya saya sudah memberikan tips memasang emoji ini pada tema blogger klasik biasa kali ini saya mencoba trik memasangnya ke tema atau template Contempo, untuk sementara saya cobakan saja memasang di tema Contempo Hybrid ciptaan saya sendiri.

Langkah pertama: 

Pada tema contempo:
  1. Masuk ke dasbor pengaturan blogger
  2. Pilih tema
  3. Pilih opsi editHTML
Jika sudah masuk ke halaman pengeditan HTML blogger cari kode berikut:
<h4 id='comment-post-message'><data:messages.postAComment/></h4>
(Pada tema klasik tertulis sbb: = <h4 id='comment-post-message'><data:postCommentMsg/></h4>)

Perhatikan perbedaannya tidak akan berdampak apa apa pada efek kode yang akan kita pasang.

Langkah kedua: 

copy kode dibawah ini dan pastekan diatas kode yang telah kita temukan diatas: 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
 <div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '> 
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichl7r4VADlDUQS-RGE2HneGBaShBhnQ_nLsRt8vDzO1V4aeCqkg1Ab2CNZ8E5xAuThRdycvsq0cqj6duOdtUS9XUc2CpPCdDWuykDF5_slLa79uvpnWVbHUya64-iD040pYPCpOamLIdZ/s1600/helplogger.blogspot.com(1).gif'/> :a 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtXzTvjxBh01y-5qE4aTdsWvtcmWWMtVBXy0Pw4v6QP0UXZhO-S8vWu8NqcO2R5ZPWrvUHyBz8QY41y9APWqf-NmIayR91kqnPcTof6BdKQZjcPa64IuvAfkGd-ULR-73Lj3Vrx7n0icvu/s1600/helplogger.blogspot.com+(2).gif'/> :b 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkGtHjnegMON-frRSeyVyWP8GuGfq71MVvhY6tmopYNplp5CX8eeG3QrYdnnTqouQprsqgr3qFdk9Jj4zDsHrV1MGaX2n1VEF8X3rbNO60BoAXe9ANKlB8ui2MLTwDBZLEbvpMBvSHdjF/s1600/helplogger.blogspot.com(3).gif'/> :c 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNz8QpMAUopX69oIBKeJeZVY61eMgJeAIONATn2Mo4IIB6POzkxlQofS_EcMUys0x8a3gBhD6-Nn_to1SQN3Ydjtw8LjUQXIkaEndGW93FTtkRKpavkYQ1HOKckmmuaQeBvVl8wImbNEax/s1600/helplogger.blogspot.com(4).gif'/> :d 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-eRRbH_KHIpqSO6VUIofHKg4R7pFNted9hJHhHN1nqPWL0UahGFg3DqyD9ZKhyaMZ1_STaOorNIe6B_RZz5c3bjtU_uEGwAXEmEn7O8xuVAkSUtYzq3Hk-D9MtXkogrb8Y9edFk68DJR/s1600/helplogger.blogspot.com(5).gif'/> :e 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0F_sUPt_ik2EXafZku7hdUJqXbiS1fkgB9Kvu0C1CGBO8V5P2MlxNw5Sx_sBiYaO5qVqLJdW6ew5q67V9tbQCJIlJBz6KFOM8yf577y88JPd3gHd4WlYuPV3DkL3Mmko0H7jvwD9f4l_/s1600/helplogger.blogspot.com(6).gif'/> :f 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNgHL8FtxqC3hc1kLLdbn8j692YvlsEv-uIrDw6fc6xgV9n1rErOD6RsTn88qCIlaS4iMwilEBl5jcJSZuweWK3TRTzVYasJbTh7QP3wJdtPi6uJ-edTkqnrEdyiidxu0SQDHsR1PIwYo/s1600/helplogger.blogspot.com(7).gif'/> :g 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh72f_c7tVV6uHuGREP2b6BqWZ69EmI_XmotJmm2GaOKLlyzc-2uUXp4ouJVJx_sxe3ieBsftfFLqDRMbxXno8qnyC44tnXR59KQzQRa31iImqhmi0UBCD8Ei4tCAhmAgQro2oiMucSaYaK/s1600/helplogger.blogspot.com(8).gif'/> :h 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9-oKddJj7-Ssyj6JO1_aKE6bMJ8VIkCxhRQpWYgxeGS6lj-qqRneWJ8mxSf2WQfzZdpY6zVHLxPuA95R4fOBKHYEX5e93j3MT3UWA0i5fMu7g9vDNsgtmxmbKoy-W9TQswHFLvXUKBLZ/s1600/helplogger.blogspot.com(9).gif'/> :i 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY1-cYr1jccje-CIrhFY50Q3CaLuSQtv9sBNhbx-OAPDxFJXmG34j_xIgJ0SiKAEJuww_SdkA0F-HVJWYMhq3jI4HdstS3se9GFbB_9tP397sh5_bJwO_BpsCPVYLpE_SeDH9qDkz5oCPg/s1600/helplogger.blogspot.com(10).gif'/> :j 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqAYy4MMrHzU-RL5VH7wuCRf55p00eALn6H8Zoi_lUpzMnvBNPIpxo6ReqTT5jYD9jJFiVoRm45DyzP4JpK7flC5HkFg-xfHgo5wvZ9Dg83Y_HY-yCPimgX-sUYiqjYq_Q7rTjqMD-0gEm/s1600/helplogger.blogspot.com(11).gif'/> :k 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UJ86VZQe2a5XRhVcYXfviHYhMmY0fiN5dosfMt-18_0eSigrDVqPRfIK56uDvuWryx1VR5vlEuVx837-8pTb2wSAZ1tMV_sXKAqzaZVFdrSqgAkr8gm6-rFPJsyR3kQXAEqZGex4-Eie/s1600/helplogger.blogspot.com(12).gif'/> :l 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoULjy7x0CyIYYzRErGJO3OVu1mNJzWwPlZ_oPMvUVydJ0qn7B5_mN6J9s7RaMMlv97YLCq7prZzpL0Df6LO0C_YgS3EVk8OBE00-eBYt1Uf06pvZ8wq9PIR5vcRV7HswN_VUtMDUOr8Wi/s1600/helplogger.blogspot.com(13).gif'/> :m 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1RrgVMHWXC1kYMHJWt3TO3xn8eomHmaKk-rIAsITkVDO3H0t7CIB_nRoMwuFnv4AMRTaHbZXRkZcPuBSbmPIZumCeDrvWM7z7Iz6qHnCTLkLc0AyBjqrJTKrgc7DoIliTRagVT8IR7fT/s1600/helplogger.blogspot.com(15).gif'/> :n 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPSC3Uk9mvcUv3nR8P2ZVZ1wqI9fOnkegVCW2Tjgv0bmvuqafZ-bimuAGGaT1ZhVyyDaPvkop5eZDPItfKLNnEgZG7VN6Q_raj-p-dbAtvcEwCV5rL6xgv_0Aao2eJLlAVjmnj4S61bVhyphenhyphen/s1600/helplogger.blogspot.com(16).gif'/> :o 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLee2NNV-7i4XROWiCp-b-u7g5GDyudpX7jGOPZJPz0PES3nDBw6ZVylu5pDIM-DMCLTiXT16X2BAGqtffae8MilEFt8d0AlAzKaJ55zO4Zdm86IWNsc9jh3o3I__wraeFo0CzenxaVa2x/s1600/helplogger.blogspot.com(14).gif'/> :p 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqhsnoCbYKYdvKb4nK7aN45GvSfwrkFset9DCjFIslYas_BlGv-2zZFZE6YE4gyvjnJR80l1FaOXa6uywRZQ81IBmXqPyG3wlSg1k2ilWBntcZIzez9O1Ein1xZFJDX-t56CUOHYEtsJm-/s1600/helplogger.blogspot.com(17).gif'/> :q 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRb3StpKfaS4N1vobltKHr_K1DIa47uGRkdnq0nQHKhWnnXJcNzhNmyKR_j1W32PMBE3wKFZ4fIctmpkstWR4mhOYedK9SxSteZTn2GmY9smWUWaZuvzmuPGAqf9jzScisnkoRx_5veTG_/s1600/helplogger.blogspot.com(18).gif'/> :r 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFtS2Gso_04PpdTuW2oeBq-5ishC9SP5nBAnTBlC3Hw1w-QmJ_K-HVWt-kWhyphenhyphenAvkp5JT85pRwxnm0Mw8UnzP9TtcraJvTrX7mtzyTcQ9nNvZFgiPbP-xxhy4BG63eFfUFmpYWXK8FdUpLd/s1600/helplogger.blogspot.com(19).gif'/> :s 
 &#160;  
 <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDX3ZHvofgqDytBPxAa2e9fM8shPTyX8R9Ln2-b4Nwx7FSVSOpWNtC8mEgH4gD3qTKT-LJrZF2QtYPPWHJkvSwY0oFVRth1rQ3FrzOBwEO2aNIRuedt-DFfkNbZB9Q3f_e15BXgPp7hO2Q/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://https://www.editblogtema.net/2018/12/cara-menambahkan-emoticon-ke-dalam.html' style='color: rgb(30, 122, 183); font-size: x-small;'/> 
 </div></b:if>

Langkah ke tiga: 

Cari kode </body> lalu letakan kode dibawah ini diatasnya:
<script type='text/javascript'>
//<![CDATA[ 
a = document.getElementById('comment-holder');
if (a) {
b = a.getElementsByTagName("p");
for (i = 0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-content') { 
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY1-cYr1jccje-CIrhFY50Q3CaLuSQtv9sBNhbx-OAPDxFJXmG34j_xIgJ0SiKAEJuww_SdkA0F-HVJWYMhq3jI4HdstS3se9GFbB_9tP397sh5_bJwO_BpsCPVYLpE_SeDH9qDkz5oCPg/s1600/helplogger.blogspot.com(10).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqAYy4MMrHzU-RL5VH7wuCRf55p00eALn6H8Zoi_lUpzMnvBNPIpxo6ReqTT5jYD9jJFiVoRm45DyzP4JpK7flC5HkFg-xfHgo5wvZ9Dg83Y_HY-yCPimgX-sUYiqjYq_Q7rTjqMD-0gEm/s1600/helplogger.blogspot.com(11).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UJ86VZQe2a5XRhVcYXfviHYhMmY0fiN5dosfMt-18_0eSigrDVqPRfIK56uDvuWryx1VR5vlEuVx837-8pTb2wSAZ1tMV_sXKAqzaZVFdrSqgAkr8gm6-rFPJsyR3kQXAEqZGex4-Eie/s1600/helplogger.blogspot.com(12).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoULjy7x0CyIYYzRErGJO3OVu1mNJzWwPlZ_oPMvUVydJ0qn7B5_mN6J9s7RaMMlv97YLCq7prZzpL0Df6LO0C_YgS3EVk8OBE00-eBYt1Uf06pvZ8wq9PIR5vcRV7HswN_VUtMDUOr8Wi/s1600/helplogger.blogspot.com(13).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1RrgVMHWXC1kYMHJWt3TO3xn8eomHmaKk-rIAsITkVDO3H0t7CIB_nRoMwuFnv4AMRTaHbZXRkZcPuBSbmPIZumCeDrvWM7z7Iz6qHnCTLkLc0AyBjqrJTKrgc7DoIliTRagVT8IR7fT/s1600/helplogger.blogspot.com(15).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPSC3Uk9mvcUv3nR8P2ZVZ1wqI9fOnkegVCW2Tjgv0bmvuqafZ-bimuAGGaT1ZhVyyDaPvkop5eZDPItfKLNnEgZG7VN6Q_raj-p-dbAtvcEwCV5rL6xgv_0Aao2eJLlAVjmnj4S61bVhyphenhyphen/s1600/helplogger.blogspot.com(16).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLee2NNV-7i4XROWiCp-b-u7g5GDyudpX7jGOPZJPz0PES3nDBw6ZVylu5pDIM-DMCLTiXT16X2BAGqtffae8MilEFt8d0AlAzKaJ55zO4Zdm86IWNsc9jh3o3I__wraeFo0CzenxaVa2x/s1600/helplogger.blogspot.com(14).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqhsnoCbYKYdvKb4nK7aN45GvSfwrkFset9DCjFIslYas_BlGv-2zZFZE6YE4gyvjnJR80l1FaOXa6uywRZQ81IBmXqPyG3wlSg1k2ilWBntcZIzez9O1Ein1xZFJDX-t56CUOHYEtsJm-/s1600/helplogger.blogspot.com(17).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRb3StpKfaS4N1vobltKHr_K1DIa47uGRkdnq0nQHKhWnnXJcNzhNmyKR_j1W32PMBE3wKFZ4fIctmpkstWR4mhOYedK9SxSteZTn2GmY9smWUWaZuvzmuPGAqf9jzScisnkoRx_5veTG_/s1600/helplogger.blogspot.com(18).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFtS2Gso_04PpdTuW2oeBq-5ishC9SP5nBAnTBlC3Hw1w-QmJ_K-HVWt-kWhyphenhyphenAvkp5JT85pRwxnm0Mw8UnzP9TtcraJvTrX7mtzyTcQ9nNvZFgiPbP-xxhy4BG63eFfUFmpYWXK8FdUpLd/s1600/helplogger.blogspot.com(19).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDX3ZHvofgqDytBPxAa2e9fM8shPTyX8R9Ln2-b4Nwx7FSVSOpWNtC8mEgH4gD3qTKT-LJrZF2QtYPPWHJkvSwY0oFVRth1rQ3FrzOBwEO2aNIRuedt-DFfkNbZB9Q3f_e15BXgPp7hO2Q/s1600/helplogger.blogspot.com(20).gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichl7r4VADlDUQS-RGE2HneGBaShBhnQ_nLsRt8vDzO1V4aeCqkg1Ab2CNZ8E5xAuThRdycvsq0cqj6duOdtUS9XUc2CpPCdDWuykDF5_slLa79uvpnWVbHUya64-iD040pYPCpOamLIdZ/s1600/helplogger.blogspot.com(1).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtXzTvjxBh01y-5qE4aTdsWvtcmWWMtVBXy0Pw4v6QP0UXZhO-S8vWu8NqcO2R5ZPWrvUHyBz8QY41y9APWqf-NmIayR91kqnPcTof6BdKQZjcPa64IuvAfkGd-ULR-73Lj3Vrx7n0icvu/s1600/helplogger.blogspot.com+(2).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkGtHjnegMON-frRSeyVyWP8GuGfq71MVvhY6tmopYNplp5CX8eeG3QrYdnnTqouQprsqgr3qFdk9Jj4zDsHrV1MGaX2n1VEF8X3rbNO60BoAXe9ANKlB8ui2MLTwDBZLEbvpMBvSHdjF/s1600/helplogger.blogspot.com(3).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNz8QpMAUopX69oIBKeJeZVY61eMgJeAIONATn2Mo4IIB6POzkxlQofS_EcMUys0x8a3gBhD6-Nn_to1SQN3Ydjtw8LjUQXIkaEndGW93FTtkRKpavkYQ1HOKckmmuaQeBvVl8wImbNEax/s1600/helplogger.blogspot.com(4).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF-eRRbH_KHIpqSO6VUIofHKg4R7pFNted9hJHhHN1nqPWL0UahGFg3DqyD9ZKhyaMZ1_STaOorNIe6B_RZz5c3bjtU_uEGwAXEmEn7O8xuVAkSUtYzq3Hk-D9MtXkogrb8Y9edFk68DJR/s1600/helplogger.blogspot.com(5).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0F_sUPt_ik2EXafZku7hdUJqXbiS1fkgB9Kvu0C1CGBO8V5P2MlxNw5Sx_sBiYaO5qVqLJdW6ew5q67V9tbQCJIlJBz6KFOM8yf577y88JPd3gHd4WlYuPV3DkL3Mmko0H7jvwD9f4l_/s1600/helplogger.blogspot.com(6).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNgHL8FtxqC3hc1kLLdbn8j692YvlsEv-uIrDw6fc6xgV9n1rErOD6RsTn88qCIlaS4iMwilEBl5jcJSZuweWK3TRTzVYasJbTh7QP3wJdtPi6uJ-edTkqnrEdyiidxu0SQDHsR1PIwYo/s1600/helplogger.blogspot.com(7).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh72f_c7tVV6uHuGREP2b6BqWZ69EmI_XmotJmm2GaOKLlyzc-2uUXp4ouJVJx_sxe3ieBsftfFLqDRMbxXno8qnyC44tnXR59KQzQRa31iImqhmi0UBCD8Ei4tCAhmAgQro2oiMucSaYaK/s1600/helplogger.blogspot.com(8).gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9-oKddJj7-Ssyj6JO1_aKE6bMJ8VIkCxhRQpWYgxeGS6lj-qqRneWJ8mxSf2WQfzZdpY6zVHLxPuA95R4fOBKHYEX5e93j3MT3UWA0i5fMu7g9vDNsgtmxmbKoy-W9TQswHFLvXUKBLZ/s1600/helplogger.blogspot.com(9).gif' alt='' class='smiley'/>") 
b.item(i).innerHTML = _str; 
} 
} 
}
//]]>
</script>
Save template. 

Kalian hanya perlu mengetikan kode kode berikut setiap kali ingin menampilkan emoji, contoh : :b, :c :a setiap abjad dengan diawali titik dua dibelakangnya. Hanya saja harus diperhatikan, emoticon ini membuat Contempo Hybrid menjadi kurang responsive pada saat di buka melalui ponsel.
Tags

6 Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

Lebih baru Lebih lama

Formulir Kontak