Pasang Emoticon KasKus Pada Komentar

Assalamualaikum Wr.Wb. Hari ini saya mau berbagi sedikit ilmu saya yang sedikit ini hehe. Sedikit cerita hehe, barusan baru pasang emoticon baru di kotak komentar, yupz emoticon kaskus hehe ...
Bagi sobat-sobat yaang mau masang emot seperti diatas, saya akan berikan tutorialnya untuk sobat hehe..


PREVIEW


        
       


Langsung saja berikut Step by Step Pasang Emoticon KasKus Pada Komentar



! CEKIDOT GAN !




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.
StumbleDeliciousTechnoratiTwitterFacebookReddit

6 Komentar:

malie_gayo mengatakan... Reply

cuma sekedar praktek emotion gan :l: tukaran link ya gan http://malie-linge-gayo.blogspot.com/

malie_gayo mengatakan... Reply

:a: gan, napa tempat awak dia memanjang kebawah, gak keyak punya agan, tuk lebih jelasnya coba agan lihat blog awak gan, mohon maaaf sebelumnya ya gan
http://malie-linge-gayo.blogspot.com/

Nugi mengatakan... Reply

@malie_gayo: kodenya suda di perbarui, coba di tes lagi sob, thanks ya sob koreksinya :o:

inspirasi mengatakan... Reply

GAN ,kok nggak bisa ya ?????yang muncul tulisan ini gan :Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "div" must be terminated by the matching end-tag "mohon pencerahannya.makasih

Nugi mengatakan... Reply

@inspirasi: ma'ap sob,,, hosting imagenya bermasalah :(

Uem Cuters mengatakan... Reply

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

| Kategori |

Blogumulus by Roy Tanck and Amanda Fazani

--Komentar Terbaru--