Cara Memasang Emoticon di kotak komentar blogspot

Postingan tandingan..*ngakak* Ini semua karena Semalem nyangkut ronda di blognya si Cebong...sempet siskamplingan sambil lempar2an sendal. Lumayaann pulang dapet piring cantik...
Aslii ini postingan Nekad...postingan ngasal...tutorial ngasal. Tapi ya nyoba deh, sapa tau ada gunanya... hehehe kalo masih cetek ilmunya harap maklum ya.. bis namanya juga iseng2 bikin, lha kok ternyata bisa... Jadi marii kita mulai, siapin es teh manis, donat j-co mini satu dus, bantal dan kasur *sapa tau ngantuk baca postingan ini*..

Oke kitaa lanjuut,

1. Pertama *nyeruput es tehnya dulu*
   Buat kotak komentar, buat yang udah bisa ya dilewatin aja step ini. Monggo silahkan loncat di step selanjutnya. kalo yang belum *hareee genee??*, buka ato login di http://draft.blogger.com blogger.com . udah?? kalo udah..masuk di menu Setting -> Comments. Trus ganti "Comment Form Placement" menjadi "Embedded below post"
   kalo udah di save setting. Bis itu liat di blog kalian, udah jadi belom?? kalo belom berarti mesti ditambahin lagi.
   Masuk ke Layout -> EDIT HTML trus kasih tanda centang kotak Expand widget templates. Trus cari kode ini :
   
   
   
   
   

   cari kode
   

   
   
   

   
   
   

   
   
   <p class='comment-footer'>
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
   <data:postCommentMsg/></a>
   </p>
   </b:if>
   
   
   
   lalu ganti dengan kode ini :
   
   
   
   
   

   gantinya
   

   
   
   

   
   
   

   
   
   <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> </b:if>
   
   
   Truss setelah di preview dan simpan di template kalian. Pusing?? minum paramex..hihihi
   
   
   
2. Kedua *makan 7 donat rasa apa aja*
   Ngumpulin Emonya yang kamu suka, terserah sih kalo mo langsung pake direct link dari asal emo itu. tapi lebih enaknya seh km aplod aja di image hosting dulu, kayak di photobucket getoo.... understand?? (yess, i stand under you!!) *LHO??*
   
   
3. Ketiga *minum esteh lagi biar ga' cegukan*
   Bikin file .js di Notepad, cara buka notepad tau kan?? kalo ga' tau ga' usah belagak bikin emo deh di blog. hehehehe *kidding*
   Copy Kode ini:
   
   
   
   

   kode ini dicopy
   

   
   

   
   

   
   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(/:b:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/joged.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:r:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/alis.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:e:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/keplak.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:n:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/kaget.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:c:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/kiss.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:i:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/kere.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:a:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/melet.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:K:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/mesum.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:UE:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/mikir.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:RE:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/mumet.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:EE:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/nangis.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:NS:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/ninja.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:S:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/opoto.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:Ba:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/rene.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:nge:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/salaman.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:T:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/tampil.gif' alt='' 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(/:b:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/joged.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:r:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/alis.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:e:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/keplak.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:n:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/kaget.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:c:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/kiss.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:i:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/kere.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:a:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/melet.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:K:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/mesum.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:UE:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/mikir.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:RE:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/mumet.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:EE:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/nangis.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:NS:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/ninja.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:S:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/opoto.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:Ba:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/rene.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:nge:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/salaman.gif' alt='' class='smiley'/>");
   _str = _str.replace(/:T:/gi, "<img src='http://i588.photobucket.com/albums/ss329/diocita/tampil.gif' alt='' class='smiley'/>");
   c.item(i).innerHTML = _str;
   }
   }
   }
   
   
   
   Untuk yang warna merah, silahkan ganti dengan kode mau mu terserah. bisa :a: sampe :z: ato apa deh.. kalo aku, kodenya kalo dibaca dari atas sampe bawah jadinya "brencia KUERENS BGT"
   Untuk yang warna ijo, http://... itu ganti dengan direct link emo yang kamu aplod itu. hati2 dan harus teliti ya.. soale mesti bener... bis itu disave dengan file js. Caranya : Save As file dengan nama file diberi extension .js dan save as type All Files seperti ini :
   
   
   
   

   gambare
   

   
   

   
   

   
   
   
   
   
   Dah kan...aman.!!
   
   
   
4. Keempat *rebahan dulu, kalo pusing sambil makan 5 donat rasa apa aja*
   Javacriptnya diaplod bisa di geocities ato pake ripway naa..disini nanti kalian dikasih link file .js tadi
   
   
5. Kelima *ngantuk??tiduur!! ato makan 10 donat lagi*
   Sekarang waktunya nambahin emo di komeng boxnya... Buka LAYOUT -> EDIT HTML ->EXPAND TEMPLATE WIDGET. Lalu cari kode ini <p class='comment-footer'> lalu tambahkan kode ini dibawahnya persis.
   
   
   
   

   tambahan kodenya
   

   
   

   
   

   
   
   <b><img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/joged.gif'/>
   :b:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/alis.gif'/>
   :r:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/keplak.gif'/>
   :e:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/KAGET2.gif'/>
   :n:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/kiss.gif'/>
   :c:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/kere.gif'/>
   :i:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/melet.gif'/>
   :a:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/mesum.gif'/>
   :K:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/mikir.gif'/>
   :UE:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/mumet.gif'/>
   :RE:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/nangis.gif'/>
   :EE:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/ninja.gif'/>
   :NS:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/opoto.gif'/>
   :S:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/rene.gif'/>
   :Ba:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/salaman.gif'/>
   :nge:
   <img border='0' src='http://i588.photobucket.com/albums/ss329/diocita/tampil.gif'/>
   :T:
   
   </b>
   
   
   
   
   Kalo udah letakkan Japaskrip ini di sebelum </body> ya..
   
   
   
   

   Javascriptnya
   

   
   

   
   

   
   
   <script src=' http://h1.ripway.com/Brenciakerens/emobarubrencia3.js ' type='text/javascript'/>
   
   
   
   
   Bis itu di Preview dulu...kalo bisa dibuka di new window or tab baru disave. Liat deh di blog kalian.. jadi ga'..hayoo?? ngga' ya... ulangi dari atas deh kalo gituu..sampe mumet.
   SUdah kan.. bisa kan?? ngga'bisa juga... hwakakakaka meneketehe deh. kalo caraku nih masih njlimet..pake carannya si Cebong aja..tinggal donlod2 gampang..kalo ini asli bikin mumet kok..hehehe Selamat buat mbak phie dan mbak etha yang sukses mempraktekkan caraku ini.. hehehehe
   
   Emonya kalo sudah jadi akan seperti ini :