.post-thumbnail{float:left;margin-right:20px}
Pasang Iklan Anda

Sunday, April 14, 2013
Menurut Master Jin loh, suatu kotak komentar kurang manteb bila tanpa Emoticon. Mengapa ?? Ya, menurut saya akan lebih berkesan, maksudnya gaya-gaya wajah sesuai komentarnya akan terlihat, misal seperti emoticon tertawa dll. Nah, maka dari itu Fajrin Ilham H akan share Cara Buat Emoticon Campur di Threaded Comment.

Emoticon Campur di Threaded Comment

Apa sih maksud dari Emoticon Campur itu mas ?? Ya, bisa dilihat pada gambar di atas. Ada emoticon kaskus dll jadi satu. Hehe Ini dia cara penerapannya :

~ Copy di atas <b:include data='post' name='threaded_comment_js'/>
<!-- emoticon --><b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align:center;font-weight:bold;margin-top:15px;margin-bottom:10px;'>Pake Emoticonnya yuk,biar makin lucu.. Hehee
</div><b><img src='http://i.imgur.com/4a2GG.gif' width='40'/>:a:<img src='http://i.imgur.com/Jnwl1.gif' width='40'/>:b:<img src='http://i.imgur.com/h9NDs.gif' width='40'/>:c:<img src='http://i.imgur.com/IL1IB.gif' width='40'/>:d:<img src='http://i.imgur.com/k3Fdh.gif' width='40'/>:e:<img src='http://i.imgur.com/ZDlSF.gif' width='40'/>:f:<img src='http://i.imgur.com/OXalA.gif' width='40'/>:g:<img src='http://i.imgur.com/cnARR.gif' width='40'/>:h:<img src='http://i.imgur.com/WTmJr.gif' width='40'/>:i:<br/><img src='http://i.imgur.com/kenHK.gif' width='40'/>:j:<img src='http://i.imgur.com/aDJrj.gif' width='40'/>:k:<img src='http://i.imgur.com/E5qba.gif' width='40'/>:l:<img src='http://i.imgur.com/w3vTW.gif' width='40'/>:m:<img src='http://i.imgur.com/0WFG2.gif' width='40'/>:n:<img src='http://i.imgur.com/bkfG8.gif' width='40'/>:o:<img src='http://i.imgur.com/zvteN.gif' width='40'/>:p:<img src='http://i.imgur.com/xkzm0.gif' width='40'/>:q:<img src='http://i.imgur.com/UqDiW.gif' width='40'/>:r:<br/><img src='http://i.imgur.com/5uihz.gif' width='40'/>:s:<img src='http://i.imgur.com/5O9L2.gif' width='40'/>:t:<img src='http://i.imgur.com/7RDAt.gif' width='40'/>:u:<img src='http://i.imgur.com/WmQPn.gif' width='40'/>:v:<img src='http://i.imgur.com/9C3hy.gif' width='40'/>:w:<img src='http://i.imgur.com/fFhYI.gif' width='40'/>:x:<img src='http://i.imgur.com/e50uc.gif' width='40'/>:y:<img src='http://i.imgur.com/RjY5y.gif' width='40'/>:z:<img src='http://i.imgur.com/lrZEF.gif' width='40'/>:ab:<br/></b></b:if>

~ Copy di atas </body>
<!-- emoticon -->
<script type="text/javascript">
//<![CDATA[
a = document.getElementById('comment-holder');
if(a) {
b = a.getElementsByTagName("p");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-content') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i.imgur.com/Jnwl1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i.imgur.com/h9NDs.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i.imgur.com/IL1IB.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i.imgur.com/k3Fdh.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i.imgur.com/ZDlSF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i.imgur.com/OXalA.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i.imgur.com/cnARR.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i.imgur.com/WTmJr.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i.imgur.com/kenHK.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i.imgur.com/aDJrj.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i.imgur.com/E5qba.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i.imgur.com/w3vTW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i.imgur.com/0WFG2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i.imgur.com/bkfG8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i.imgur.com/zvteN.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i.imgur.com/xkzm0.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://i.imgur.com/UqDiW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://i.imgur.com/5uihz.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://i.imgur.com/5O9L2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://i.imgur.com/7RDAt.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://i.imgur.com/WmQPn.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://i.imgur.com/9C3hy.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://i.imgur.com/fFhYI.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://i.imgur.com/e50uc.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://i.imgur.com/RjY5y.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://i.imgur.com/lrZEF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ab:/gi, "<img src='http://i.imgur.com/KJbrk.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}}}
//]]>
</script>

Selesai deh. Ada yang kesulitan ?? Silahkan komentar dibawah. 

38 comments

avatar
Anonymous

Berarti kita rubah emoticonnya juga bisa yaah.. bisa dengan gambar sendiri gitu.

deleteX

sangat bisa..hehe :)

deleteX

Banyak banget sob, mirip kaskus
keren deh

deleteX

hehe makasih-makasih :))

deleteX

.. aq udah punya emo sendiri kawan. he..86x ..

deleteX

wah keren tuh :>)

deleteX

tapi bikin berat, punyaku tak copot sob

deleteX

enggak juga kok sob :-?

deleteX

Oke juga, sayang saya sedang malas mengedit template. Simpan dulu deh

deleteX
avatar
Anonymous

mantap mantap
hidup KASKUSER !!

deleteX

mantep tutorialnya sob,saya menyimak dan ijin menyimpan scriptnya ya sob.

deleteX

wkwk tak masalah dah :-)

deleteX

jaya terus !! hehe :-b

deleteX

silahkan..boleh :d

deleteX
avatar
Anonymous

emoticonya keren-keren sob,ane pernah pke ginian,tp setelah itu ane copot lagi karena templateku berat banget...hehehe

but nice share,..tetap berkarya sob :D

deleteX

mantap nih, bisa di coba di blog dummyku.
mksh tutorialnya mas

deleteX

monggo boleh non (o)

deleteX

keren keren izin bookmark dulu gan . . . mau nyoba

deleteX

boleh banget mas :d

deleteX

Nice info. Gue tambahin sedikit info biar gk berat templatnya kalo make emoticon ini. Script emonya di uplod ke googlecode, jadi searah dengan loading blogger supaya emoticon gk masuk ke pihak ke3 dalam jaringannya.

deleteX

emang klo make emoticon kyak gni bisa bikin berat load blognya ya mas? Saya g pernh make beginian..

deleteX

enggak juga kok mas.. di blog saya yang ada di posting atas baik baik aja :d

deleteX

Makin lengkap aja emote nya kang :D

deleteX

hehe yups.. makin keren dah pokoknya :-d ;)

deleteX

Keren emotionnya (h)

deleteX

hehe makasih mas..

deleteX

mas emoticonnya bisa sekalian di postingan ga?? :d

deleteX

silahkan kunjungi alamat ini mas :
http://christiantatelu.blogspot.com/2012/02/cara-memasang-emoticon-di-postingan.html
5 bulan yang lalu saya sudah mencoba dan work :)

deleteX

Mangtabs uey...lama kga berkunjung dah ganti rumah(renovasi template) aja nih Mas Jin.
Sob klo da wkt longgar bkin Tutorial threaded comment kya ditemplate yg ini dong ama Cara membuat berbagai TAG dikomentar. Suwun... :)

deleteX

hehe tunggu aja ya sob :D

deleteX
avatar
Anonymous

Tukar Link Klik http://www.anakkampus.co.vu/p/blog-page_16.html :) :D ;) :P

deleteX

Bingung mastahh pilih emot icon yang mana =p~

deleteX

hehe mana saja boleh =))

deleteX
avatar
Anonymous

kunjungi blog ane ya,
sukses

deleteX
Catatan :
1. Dilarang menanamkan link aktif
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan
4. Untuk memasukkan gambar : copy url gambar lalu paste di form komentar

Tambahan :
✓ Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "KONVERSI KODE"

KONVERSI KODEEMOTICON
 
Back to Top