Cara Memasang Emoticon Kaskus Di Kotak Komentar Blog

Memang tidak ada habisnya membahas tips dan triks blog, walaupun sudah jutaan artikel yang sejenis, saya tidak peduli, kalau bahasa saya "I Don't Care" Sebab, pengguna internet akan terus meningkat dari waktu ke waktu. Dan cara orang menemukan artikel kitapun berbeda-beda. Jadi, lanjut...

Kali ini bithoo akan memberikan cara memasang emoticon kaskus di kotak komentar blog, emmm emoticon kaskus tuh seperti apa yah? dan cara pasangnya di kotak komentar gimana? nah disini bithoo akan menjelaskannya, yuk kita simak sama-sama.

Tampilannya seperti di bawah ini:

:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n: :o: :p:

Berikut adalah Cara pasang emotion kaskus di kotak komentar :

1. Login dasbor blog --> Rancangan --> Edit HTML

2. Sobat beri tanda centang pada "expand widget template"

3. Lalu cari kode : </body>

4. Letakkan kode berikut 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://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>"); _str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/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://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>"); _str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>"); _str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>"); c.item(i).innerHTML = _str; } } } //]]> </script>

5. Kemudian sobat cari lagi kode seperti dibawah ini:

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>


6. Kalau tidak ada persis sama, cari yang mirip saja. Lalu letakkan kode berikut dibawah 
<p class='comment-footer'>  ( cari yang paling bawah )

<b><img src='http://grandis.web.id/blog-triks/sundul.gif' width='40'/> :a: <img src='http://grandis.web.id/blog-triks/jempol2.gif' width='40'/> :b: <img src='http://grandis.web.id/blog-triks/bingung.gif' width='40'/> :c: <img src='http://grandis.web.id/blog-triks/ngakak.gif' width='40'/> :d: <img src='http://grandis.web.id/blog-triks/hammer.gif' width='40'/> :e: <img src='http://grandis.web.id/blog-triks/najis.gif' width='40'/> :f: <img src='http://grandis.web.id/blog-triks/capede.gif' width='40'/> :g: <br/><img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' width='40'/> :h: <img src='http://grandis.web.id/blog-triks/takut.gif' width='40'/> :i: <img src='http://grandis.web.id/blog-triks/sorry.gif' width='40'/> :j: <img src='http://grandis.web.id/blog-triks/marah.gif' width='40'/> :k: <img src='http://grandis.web.id/blog-triks/ngacir2.gif' width='40'/> :l: <img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' width='40'/> :m: <img src='http://grandis.web.id/blog-triks/cewek.gif' width='40'/> :n: <img src='http://grandis.web.id/blog-triks/shakehand2.gif' width='40'/> :o: <img src='http://grandis.web.id/blog-triks/malu.gif' width='40'/> :p: </b>

7. Jika sudah selesai SAVE template sobat..

Memasang Emoticon kaskus memang asyik, sebab icon-iconnya menurut saya lucu-lucu. Nah sobat, selamat mencoba semoga berhasil..

Happy blogging and sharing.

Posted in: JavaScript