Cara memasang Emosi Smyle Kaskus Di 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...

Nah sobat masterendi.com, saya ingin sharing bagaimana cara membuat atau memasang emoticon atau emotion kaskus pada kotak komentar blogspot. Sama halnya seperti memasang emotion yahoo pada kotak komentar, bedanya pada simbol-simbolnya saja.


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 di bawah 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'> 

<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. Selesai..!!! jngan lupa SAVE templatenya sob...selamat mencoba sob....