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 == "item"'><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
Berarti kita rubah emoticonnya juga bisa yaah.. bisa dengan gambar sendiri gitu.
X ✓sangat bisa..hehe :)
X ✓Banyak banget sob, mirip kaskus
X ✓keren deh
hehe makasih-makasih :))
X ✓.. aq udah punya emo sendiri kawan. he..86x ..
X ✓wah keren tuh :>)
X ✓tapi bikin berat, punyaku tak copot sob
X ✓enggak juga kok sob :-?
X ✓Oke juga, sayang saya sedang malas mengedit template. Simpan dulu deh
X ✓mantap mantap
X ✓hidup KASKUSER !!
mantep tutorialnya sob,saya menyimak dan ijin menyimpan scriptnya ya sob.
X ✓wkwk tak masalah dah :-)
X ✓jaya terus !! hehe :-b
X ✓silahkan..boleh :d
X ✓emoticonya keren-keren sob,ane pernah pke ginian,tp setelah itu ane copot lagi karena templateku berat banget...hehehe
X ✓but nice share,..tetap berkarya sob :D
siap dah sob :d
X ✓mantap nih, bisa di coba di blog dummyku.
X ✓mksh tutorialnya mas
monggo boleh non (o)
X ✓keren keren izin bookmark dulu gan . . . mau nyoba
X ✓boleh banget mas :d
X ✓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.
X ✓emang klo make emoticon kyak gni bisa bikin berat load blognya ya mas? Saya g pernh make beginian..
X ✓enggak juga kok mas.. di blog saya yang ada di posting atas baik baik aja :d
X ✓Makin lengkap aja emote nya kang :D
X ✓hehe yups.. makin keren dah pokoknya :-d ;)
X ✓Mantap ih :)
X ✓hehe :d
X ✓Keren emotionnya (h)
X ✓hehe makasih mas..
X ✓mas emoticonnya bisa sekalian di postingan ga?? :d
X ✓silahkan kunjungi alamat ini mas :
X ✓http://christiantatelu.blogspot.com/2012/02/cara-memasang-emoticon-di-postingan.html
5 bulan yang lalu saya sudah mencoba dan work :)
Mangtabs uey...lama kga berkunjung dah ganti rumah(renovasi template) aja nih Mas Jin.
X ✓Sob klo da wkt longgar bkin Tutorial threaded comment kya ditemplate yg ini dong ama Cara membuat berbagai TAG dikomentar. Suwun... :)
hehe tunggu aja ya sob :D
X ✓Tukar Link Klik http://www.anakkampus.co.vu/p/blog-page_16.html :) :D ;) :P
X ✓Bingung mastahh pilih emot icon yang mana =p~
X ✓hehe mana saja boleh =))
X ✓kunjungi blog ane ya,
X ✓sukses
pastinya..hehe
X ✓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