Selamat Datang Di Blog Bisnis Online Terpercaya www.maslukis.com


Kamis, 03 November 2016

Cara Paling Mudah Menambah Icon Emosi Dalam Komentar

Cara Paling Mudah Menambah Icon Emosi Dalam Komentar.
Dengan memasang icon emosi diatas kolom komentar atau dibawah artikel blog,nantinya pengunjung blog jadi bisa berkomentarria lewat icon emosi sebagai ungkapan yang melebihi kata-kata.


Klik disini untuk melihat demonya 

Langkah-langkah membuat Icon Emosi Dalam Komentar

1.Login Blogger.com
2.Buka Rancangan kemudian klik edit HTML
3.Download Template Lengkap untuk keamanan bila terjadi kesalahan dalam pemasangan kode.
4.Beri centang pada kotak Expand Template Widget untuk membuka semua kode template.
5.Cari kode <b:if cond='data:post.embedCommentForm'>
(utk memudahkan pencarian, gunakan menu Find dgn menekan F3 atau Ctrl+F)
Setelah ketemu taruh kode berikut tepat diatasnya.

<b><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' width='40'/>

:a:

<img src='http://static.kaskus.us/images/smilies/jempol2.gif' width='40'/>

:b:

<img src='http://static.kaskus.us/images/smilies/bingung.gif' width='40'/>

:c:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='40'/>

:d:

<img src='http://static.kaskus.us/images/smilies/hammer.gif' width='40'/>

:e:

<img src='http://static.kaskus.us/images/smilies/najis.gif' width='40'/>

:f:

<img src='http://static.kaskus.us/images/smilies/capede.gif' width='40'/>

:g:

<br/><img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' width='40'/>

:h:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='40'/>

:i:

<img src='http://static.kaskus.us/images/smilies/sorry.gif' width='40'/>

:j:

<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='40'/>

:k:

<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' width='40'/>

:l:

<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' width='40'/>

:m:

<img src='http://static.kaskus.us/images/smilies/cewek.gif' width='40'/>

:n:

<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' width='40'/>

:o:

<img src='http://static.kaskus.us/images/smilies/malu.gif' width='40'/>

:p:



</b>


6.Langkah selanjutnya sobat cari kode </body> kalau sudah ketemu taruh kode berikut tepat diatasnya.


<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://static.kaskus.us/images/smilies/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://static.kaskus.us/images/smilies/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://static.kaskus.us/images/smilies/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://static.kaskus.us/images/smilies/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://static.kaskus.us/images/smilies/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://static.kaskus.us/images/smilies/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://static.kaskus.us/images/smilies/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://static.kaskus.us/images/smilies/malu.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://static.kaskus.us/images/smilies/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://static.kaskus.us/images/smilies/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://static.kaskus.us/images/smilies/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://static.kaskus.us/images/smilies/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://static.kaskus.us/images/smilies/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://static.kaskus.us/images/smilies/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://static.kaskus.us/images/smilies/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://static.kaskus.us/images/smilies/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://static.kaskus.us/images/smilies/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://static.kaskus.us/images/smilies/malu.gif' alt='' width='40' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

7.Save dan lihat hasilnya 


Baca Juga:

Comments
0 Comments

0 komentar:

Posting Komentar

 
Copyright © 2018. Info Hari Ini . All Rights Reserved
Jl. Delta Raya Utara Kav. 49 - 51 Deltasari Baru, Sidoarjo, Jawa Timur, Indonesia 61256
PT. Bimasakti Multi Sinergi