How to Add Emoticons (Emotion Icon) Kaskus to Comment on Blog

With the expression of emotion represented by icons (emoticons) on our blog comment box, so our blog will become more colorful. For this time, I will explain the ways mamasang and add facial expressions (emoticons) Kaskus blog in the comments box. Must have known what it is Kaskus and certainly already know and also memorize faces (emoticons) Kaskus is usually used when a mate to love a comment on one of trit in kaskus (see examples of emoticons that aq Kaskus pairs on the blog comment box q).
In making this Kaskus emoticons, not all the emoticons in my Kaskus sertain. I just took a few emoticons Kaskus alone, as many as 16 pieces emoticon (from a sampe p). The only reason why aq ngambil 16 emoticons just 16 emoticons that due to this is fairly representative of all the emoticons Kaskus. Besides the 16 emoticons that aq pake kaskus very often used when people comment on the a trit at Kaskus.
Okey, without lingering longer, I'll explain how:
1. Log in first at the buddy Blogger account
2. Select Design
3. Click the Edit Menu HTML
4. BackUp original template first mate who now, by clicking "Download Full Template". BackUp template is very important in case if there is an error later in the process of making Emoticon Kaskus ntar. So, suppose there is an error entry Source Code, then you can restore (redo) your template as before by using the original template BackUp buddy who has been downloaded earlier. Save results "Download Full Template" earlier in which you want to.
5. After BackUp's your template had been downloaded, give the Check In "Expand Widget Templates"
6. Then find the code below:
<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><br /> <b:include data='post' name='comment-form'/><br />
(to facilitate the search, use the Find menu with pressing F3 or Ctrl + F)
7. Add (copy) the code below, exactly above the code
<b:if cond='data:post.embedCommentForm'>
<b><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' width='40'/> <br /> :a: <br /> <img src='http://static.kaskus.us/images/smilies/jempol2.gif' width='40'/> <br /> :b: <br /> <img src='http://static.kaskus.us/images/smilies/bingung.gif' width='40'/> <br /> :c: <br /> <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='40'/> <br /> :d: <br /> <img src='http://static.kaskus.us/images/smilies/hammer.gif' width='40'/> <br /> :e: <br /> <img src='http://static.kaskus.us/images/smilies/najis.gif' width='40'/> <br /> :f: <br /> <img src='http://static.kaskus.us/images/smilies/capede.gif' width='40'/> <br /> :g: <br /> <br/><img src='http://static.kaskus.us/images/smilies/s_sm_maho.gif' width='40'/> <br /> :h: <br /> <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='40'/> <br /> :i: <br /> <img src='http://static.kaskus.us/images/smilies/sorry.gif' width='40'/> <br /> :j: <br /> <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='40'/> <br /> :k: <br /> <img src='http://static.kaskus.us/images/smilies/ngacir2.gif' width='40'/> <br /> :l: <br /> <img src='http://static.kaskus.us/images/smilies/I-Luv-Indonesia.gif' width='40'/><br /> :m: <br /> <img src='http://static.kaskus.us/images/smilies/cewek.gif' width='40'/> <br /> :n: <br /> <img src='http://static.kaskus.us/images/smilies/shakehand2.gif' width='40'/> <br /> :o: <br /> <img src='http://static.kaskus.us/images/smilies/malu.gif' width='40'/> <br /> :p: <br /> <br /> </b><br />
8. Then additional (copy) the javascript code below just above the tag
"</bo dy>"(tanpa tanda " ")
<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><br />
9. Save your template. And complete.
Now you saw your comment box does emoticons Kaskusn appear?
If does not appear, there is an error in the process steps. For this repeat the steps above carefully.
If you feel the look of the template so messed up, to restore the template as it was in before add emoticons Kaskus blog in the comments box, my friend lived restore your original template before uploading a way back.
How: browse BackUp's results "Download Full Template" which already existed on the download icon Choose File, then Upload. Then click the Save Template, then the template you again as usual. Okey, good luck ... Salam blogger buddy.