Home → Blogger → Pasang Emoticon KasKus Pada Komentar

Pasang Emoticon KasKus Pada Komentar

Minggu, 12 Juni 2011 |

Posted By Nugi |

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.

Diposkan pada jam → 8:01 AM

4 Komentar:

Nugi mengatakan... Reply: @malie_gayo: kodenya suda di perbarui, coba di tes lagi sob, thanks ya sob koreksinya :o:; 22 Juni 2011 pukul 05.08
Together & Forever 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; 23 Juni 2011 pukul 16.59
Nugi mengatakan... Reply: @inspirasi: ma'ap sob,,, hosting imagenya bermasalah :(; 25 Juni 2011 pukul 12.38
Uem Cuters mengatakan... Reply: Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...; 28 November 2012 pukul 15.41

Posting Komentar

"Budayakan Berkomentar Setelah Membaca"

Silahkan anda Berkomentar sepuasnya
"Negatif Atau Pun jelek Saya terima"

Todojishikarika's Blog

Pasang Emoticon KasKus Pada Komentar

PREVIEW

4 Komentar:

Posting Komentar

| Kategori |

--Komentar Terbaru--