Pasang Emot Kaskus Pada Blog

Post info

Label:


Comments 0


Author: nius blog

        
       


Langsung saja berikut Step by Step Pasang Emoticon KasKus Pada Komentar

1. Pertama,seperti biasa harus login blogger dulu, trus menuju ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut diatas  kode  ]]></b:skin>



#kotakemote{width:auto;border:1px solid grey;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;margin:10px;padding:10px}
 4. Kemudian 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://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/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://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/malu.gif' alt='' width='40' class='smiley'/>");

c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
5. Ketemu kan?Kalo sudah ketemu letakkan kode2 berikut setelah kode 

<p class='comment-footer'> 
(kalo ada dua buah kode diatas, pilih yang lebih dibawah)
<div id='emoticon'/> <div class='comment-footer' style='margin:13px 0;'>EMOTICON : <div id='kotakemote'><b><center><img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sundul.gif' width='40'/>:a:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/jempol2.gif' width='40'/>:b:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/bingung.gif' width='40'/>:c:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngakak.gif' width='40'/>:d:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/hammer.gif' width='40'/>:e:
<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/najis.gif' width='40'/>:f:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/capede.gif' width='40'/>:g:
<br/><img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/s_sm_maho.gif' width='40'/>:h:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/takut.gif' width='40'/>:i:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/sorry.gif' width='40'/>:j:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/marah.gif' width='40'/>:k:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/ngacir2.gif' width='40'/>:l:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/I-Luv-Indonesia.gif' width='40'/>:m:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/cewek.gif' width='40'/>:n:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/shakehand2.gif' width='40'/>:o:<img src='http://i496.photobucket.com/albums/rr329/grandisyf/kaskus-blogtriks/malu.gif' width='40'/>:p:</center></b></div> 
6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE

Kemudian coba akses blog sobat, lalu klik salah satu postingan, kalo di kotak komentar keluar emoticonnya,berarti sobat melakukan langkah2 tersebut dengan benar "MISSION COMPLETE".SELAMAT MENCOBA ya sobat semoga berhasil.

Catatan
@ 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.

0 komentar:


Posting Komentar