Cara Membuat Emoticon Kaskus Di Kotak Komentar

Saturday, April 20, 2013

Hallo Sobat T-Blog, Kali ini saya akan membahas tentang Cara Membuat Emoticon Kaskus Di Kotak Komentar. Tahukah Anda/sobat tentang forum kaskus dan emoticonnya yang gokil abizzz!!. Dalam kesempatan ini saya akan mencoba mempost cara pembuatan emoticon yang diletakkan di Blogger ingin tahu caranya ikuti Tutorial ala T-Blog Ya..!! Hihihihi. 


Emoticon Kaskus COyyy.!!
Mari kita buat bersama-sama agar suksesnya atau worknya baca dulu bismillah ya...!! hihihi. Terserah gan..!! Tinggal Rejeki anda ??


 
~ Berikut Langkah-Langkahnya...!!

1.  Pertama,seperti biasa harus login blogger dulu, trus menuju ke "Template --> Edit HTML"

2. Tekan Tombol Kombinasi Ctrl+f pada keyboard untuk mengaktifkan fitur pencari Lalu Cari
</body> tekan ENTER

3. Lalu letakkan script berikut sebelum kode </body>


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

4. Kemudian cari kode berikut 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>


5. Ketemu kan?Kalou sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'> 

 
(kalo ada dua buah kode diatas, pilih yang lebih dibawah)



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


6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE
  

 NOTE
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mugnkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.


Selamat Mencoba Semoga Berhasil yaa... !! Trus simak artikel selanjutnya!! Jangan lupa komentar...!!
Share this article :
 
Support : FebriBlog | Creating Website | Mas Template
Copyright © 2011. Tecno Life - All Rights Reserved
Template Created by Creating Website Inspired by Sportapolis Shape5.com
Proudly powered by Blogger