halo agan-agan deimon sekalian, setelah sekian lama saya jarang memposting tentang tutorial blogging nah pada kesempatan kali ini saya akan memposting tentang Cara memasang emotion kaskus di kotak komentar, kenapa saya memposting artikel ini? karena saya sangat suka dengan Kaskus begitu juga dengan emotion-emotionnya yang sangat lucu. oke sekarang ane tanya apakah agan tahu apa itu Kaskus ?
"masa sih gak tau kaskus XD"
Kaskus adalah situs forum komunitas maya terbesar dan nomor 1 di Indonesia dan penggunanya disebut dengan Kaskuser. Kaskus lahir pada tanggal 6 November 1999 oleh tiga pemuda asal Indonesia yaitu Andrew Darwis, Ronald Stephanus, dan Budi Dharmawan, yang sedang melanjutkan studi di Seattle, Amerika Serikat. Situs ini dikelola oleh PT Darta Media Indonesia. Kaskus memiliki lebih dari 4,2 juta pengguna terdaftar. Pengguna Kaskus umumnya berasal dari kalangan remaja hingga orang dewasa yang berdomisili di Indonesia maupun di luar Indonesia.
Kaskus, yang merupakan singkatan dari Kasak Kusuk, bermula dari sekedar hobi dari komunitas kecil yang kemudian berkembang hingga saat ini. Kaskus dikunjungi sedikitnya oleh 900 ribu orang, dengan jumlah page view melebihi 15.000.000 setiap harinya.
nah sekarang agan deimon udah tahu kan apa itu Kaskus.
kebetulan ini juga dapet dari tetangga.
lah banyak bacot dari tadi, oke langsung aja prikitiew di mari
1. Login ke dasbor blogger sobat --> Rancangan --> Edit HTML
2. Sobat beri tanda centang pada "expand widget template"
3. Lalu cari kode : </body>
4. kalo udah ketemu letakkan kode berikut diatasnya :
<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://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/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://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
5. Kemudian sobat cari lagi kode seperti dibawah 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>
6. Kalau tidak ada persis sama, cari yang mirip-mirip saja. Lalu letakkan kode berikut dibawah <p class='comment-footer'>
<b><img src='http://grandis.web.id/blog-triks/sundul.gif' width='40'/>
:a:
<img src='http://grandis.web.id/blog-triks/jempol2.gif' width='40'/>
:b:
<img src='http://grandis.web.id/blog-triks/bingung.gif' width='40'/>
:c:
<img src='http://grandis.web.id/blog-triks/ngakak.gif' width='40'/>
:d:
<img src='http://grandis.web.id/blog-triks/hammer.gif' width='40'/>
:e:
<img src='http://grandis.web.id/blog-triks/najis.gif' width='40'/>
:f:
<img src='http://grandis.web.id/blog-triks/capede.gif' width='40'/>
:g:
<br/><img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' width='40'/>
:h:
<img src='http://grandis.web.id/blog-triks/takut.gif' width='40'/>
:i:
<img src='http://grandis.web.id/blog-triks/sorry.gif' width='40'/>
:j:
<img src='http://grandis.web.id/blog-triks/marah.gif' width='40'/>
:k:
<img src='http://grandis.web.id/blog-triks/ngacir2.gif' width='40'/>
:l:
<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' width='40'/>
:m:
<img src='http://grandis.web.id/blog-triks/cewek.gif' width='40'/>
:n:
<img src='http://grandis.web.id/blog-triks/shakehand2.gif' width='40'/>
:o:
<img src='http://grandis.web.id/blog-triks/malu.gif' width='40'/>
:p:
</b>
7. kalo udah selesai, simpan template sobat
Keterangan :
- Terkadang 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.
semoga bermanfaat bagi sobat :)
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...
BalasHapus