Cara Paling Mudah Menambah Icon Emosi Dalam Komentar

Cara Paling Mudah Menambah Icon Emosi Dalam Komentar

   Untuk mempercantik blog sekaligus membuat blog kelihatan profesioanl salah satunya yaitu Membuat Komentar Admin Berbeda Warna,versi kang Roni hehehehehe....Sekarang kang Roni akan memberi tutorial mempercantik blog lagi dan pasti sobat sudah bisa menebaknya karena sudah membaca judulnya 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 diblog percobaan kang roni

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 untuk Cara Paling Mudah Menambah Icon Emosi Dalam Komentar.

Related Post:

19 comments:

Dilla Mardi Liansyah said...

ko g Muncul yyaa ?

roni said...

COBA ULANGI LAGI DENGAN TELITI AND BILA ADA KESULITAN DALAM PEMASANGAN KODE SILAHKAN TANYA,INSYA ALLOH KANG RONI AKAN MEMBANTU SEBISANYA.:g:
lihat juga apakah pc dah di install adobe flash plyr kemungkinan itu juga dpt mempengaruhi

{S.E.L.O.N} said...

cara membuat icon emosinya gimana ?

{S.E.L.O.N} said...

:lebay
:k7

roni said...

sobat klik aja gambar diatas biar lebih jlas

Oz_az said...

Thx. Bermanfaat.

ngetikcaptcha-dptduit said...

menarik ni kang
sambil praktek koment

Mohammad Amami said...

:o:

Azharksatriatiwolawolawol said...

:D:

EkhAdiuS said...

waaaah...berhasiiiil...
it,s so cute
thanks's k'Roni
b

Linda Noviana said...

gak muncul ya

Fajrin Al-Barru said...

:a:

MTSN HABIRAU said...

ga bisa :(

AditRyuu said...

Mana nih emotnya??

roni said...

Maaf sobat sebagian imagenya dah dihapus jadi iconnya ada yg tidk muncul tapi sobat bisa mengganti link icon dengan link gambar gif sendiri

Lee Min Young from miss a said...

dimana ya edit HML nya ??

roni said...

Setelah sobat log in Blogger,perhatikan tanda panah dengan bentuk segitiga disamping kanan atas sejajar dengan judul blog kamu.
- setelah ketemu klik tanda panah segitiga tadi dan akan ditampilkan menu kebawah,sobat pilih and klik aja menu Template.
- Kemudian Klik tulisan Edit HTML.
- Kemudian klik tulisan Langsung/proceed

Geboy Mania said...

brlom bisa haha a

nano saputra said...

(h) mantabb Gan

Post a Comment