Pasang Emtion 3D di Kotak komentar (1)

Assalamualaikum.wr.wb

Lama tidak ngeposting tentang tutorial, kali ini tutorial tentag pasang emotion di kotak komentar. Sebelumnya saya juga pernah mostingin tentang cara memasang emotion di kotak komentar, seperti di bawah ini
  1. Cara pasang emotion di kotak komentar khusus template KR
  2. Cara membuat emotion di kotak komentar
  3. Cara membuat script kotak komentar sendiri
  4. Cara pasang emotion green di kotak komentar
Sudah banyak bukan yang sudah saya postingkan, tapi sobat JAKA bertanya kepada saya pada saat chat di KR, seperti ini kurang lebihnya dia bertanya :

Jaka : Yus, kamu dapat dari mana tutor emotion di kotak komentar mu itu?
Yusron : Ow, itu q buat sendiri jak..
Jaka : Yus postingin ya caranya, nanti saya komen deh dan saya praktikin
Yusron : insya Allah

La itu sedkit pemberitahuan, na emotion seperti di bawah ini yang akan kita buat, liat gambar previewnya :



langsung saja ke tutorialnya ikuti langkah2 di bawah ini dengan seksama:

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </body>
6. Bila blog kamu ada kode

comment-body-author

gunakan script ini :

<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(/:10/gi, "<img src='http://emote.rkasigi.net/green/1188059487921.gif' alt='' class='smiley'/>");
_str = _str.replace(/:12/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0422.gif' alt='' class='smiley'/>");
_str = _str.replace(/:13/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0423.gif' alt='' class='smiley'/>");
_str = _str.replace(/:14/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0424.gif' alt='' class='smiley'/>");
_str = _str.replace(/:15/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0426.gif' alt='' class='smiley'/>");
_str = _str.replace(/:16/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0427.gif' alt='' class='smiley'/>");
_str = _str.replace(/:17/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0428.gif' alt='' class='smiley'/>");
_str = _str.replace(/:18/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0429.gif' alt='' class='smiley'/>");
_str = _str.replace(/:19/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04211.gif' alt='' class='smiley'/>");
_str = _str.replace(/:20/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04212.gif' alt='' class='smiley'/>");
_str = _str.replace(/:21/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04213.gif' alt='' class='smiley'/>");
_str = _str.replace(/:22/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04214.gif' alt='' class='smiley'/>");
_str = _str.replace(/:23/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04217.gif' alt='' class='smiley'/>");
_str = _str.replace(/:24/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04218.gif' alt='' class='smiley'/>");
_str = _str.replace(/:25/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04219.gif' alt='' class='smiley'/>");
_str = _str.replace(/:26/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04220.gif' alt='' class='smiley'/>");
_str = _str.replace(/:27/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04238.gif' alt='' class='smiley'/>");
_str = _str.replace(/:28/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04233.gif' alt='' class='smiley'/>");
_str = _str.replace(/:29/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04236.gif' alt='' class='smiley'/>");
_str = _str.replace(/:30/gi, "<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDmT9bKCI/AAAAAAAAB7Y/EY3W77GjWHw/hayoh_thumb%5B2%5D.gif?imgmax=800' alt='' class='smiley'/>");
_str = _str.replace(/:31/gi, "<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDusLSXDI/AAAAAAAAB7o/dEpCTMCpPxA/pukul_thumb.gif?imgmax=800' alt='' class='smiley'/>");
_str = _str.replace(/:32/gi, "<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDfllKI1I/AAAAAAAAB7I/K12HBvqGZ1M/bodol_thumb%5B2%5D.gif?imgmax=800' alt='' class='smiley'/>")
_str = _str.replace(/:33/gi, "<img src='http://lh4.ggpht.com/_pt7i0nbIOCY/SfzDqDhnKJI/AAAAAAAAB7g/Z1udzM-bBo8/ngagakgak_thumb.gif?imgmax=800' alt='' class='smiley'/>");
_str = _str.replace(/:34/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04234.gif' alt='' class='smiley'/>");
_str = _str.replace(/:35/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04227.gif' alt='' class='smiley'/>");
_str = _str.replace(/:36/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04232.gif' alt='' class='smiley'/>");
_str = _str.replace(/:37/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04228.gif' alt='' class='smiley'/>");
_str = _str.replace(/:38/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04239.gif' alt='' class='smiley'/>");
_str = _str.replace(/:39/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04241.gif' alt='' class='smiley'/>");
_str = _str.replace(/:40/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04240.gif' alt='' class='smiley'/>");
_str = _str.replace(/:41/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04242.gif' alt='' class='smiley'/>");
_str = _str.replace(/:42/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04244.gif' alt='' class='smiley'/>");
_str = _str.replace(/:43/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04247.gif' alt='' class='smiley'/>");
_str = _str.replace(/:44/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04250.gif' alt='' class='smiley'/>");
_str = _str.replace(/:45/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04251.gif' alt='' 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 = c.item(i).innerHTML.replace(/:10/gi, "<img src='http://emote.rkasigi.net/green/1188059487921.gif' alt='' class='smiley'/>");_str = _str.replace(/:11/gi, "<img src='http://emote.rkasigi.net/green/1188060147366.gif' alt='' class='smiley'/>");
_str = _str.replace(/:12/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0422.gif' alt='' class='smiley'/>");
_str = _str.replace(/:13/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0423.gif' alt='' class='smiley'/>");
_str = _str.replace(/:14/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0424.gif' alt='' class='smiley'/>");
_str = _str.replace(/:15/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0426.gif' alt='' class='smiley'/>");
_str = _str.replace(/:16/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0427.gif' alt='' class='smiley'/>");
_str = _str.replace(/:17/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0428.gif' alt='' class='smiley'/>");
_str = _str.replace(/:18/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0429.gif' alt='' class='smiley'/>");
_str = _str.replace(/:19/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04211.gif' alt='' class='smiley'/>");
_str = _str.replace(/:20/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04212.gif' alt='' class='smiley'/>");
_str = _str.replace(/:21/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04213.gif' alt='' class='smiley'/>");
_str = _str.replace(/:22/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04214.gif' alt='' class='smiley'/>");
_str = _str.replace(/:23/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04217.gif' alt='' class='smiley'/>");
_str = _str.replace(/:24/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04218.gif' alt='' class='smiley'/>");
_str = _str.replace(/:25/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04219.gif' alt='' class='smiley'/>");
_str = _str.replace(/:26/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04220.gif' alt='' class='smiley'/>");
_str = _str.replace(/:27/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04238.gif' alt='' class='smiley'/>");
_str = _str.replace(/:28/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04233.gif' alt='' class='smiley'/>");
_str = _str.replace(/:29/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04236.gif' alt='' class='smiley'/>");
_str = _str.replace(/:30/gi, "<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDmT9bKCI/AAAAAAAAB7Y/EY3W77GjWHw/hayoh_thumb%5B2%5D.gif?imgmax=800' alt='' class='smiley'/>");
_str = _str.replace(/:31/gi, "<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDusLSXDI/AAAAAAAAB7o/dEpCTMCpPxA/pukul_thumb.gif?imgmax=800' alt='' class='smiley'/>");
_str = _str.replace(/:32/gi, "<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDfllKI1I/AAAAAAAAB7I/K12HBvqGZ1M/bodol_thumb%5B2%5D.gif?imgmax=800' alt='' class='smiley'/>")
_str = _str.replace(/:33/gi, "<img src='http://lh4.ggpht.com/_pt7i0nbIOCY/SfzDqDhnKJI/AAAAAAAAB7g/Z1udzM-bBo8/ngagakgak_thumb.gif?imgmax=800' alt='' class='smiley'/>");
_str = _str.replace(/:34/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04234.gif' alt='' class='smiley'/>");
_str = _str.replace(/:35/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04227.gif' alt='' class='smiley'/>");
_str = _str.replace(/:36/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04232.gif' alt='' class='smiley'/>");
_str = _str.replace(/:37/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04228.gif' alt='' class='smiley'/>");
_str = _str.replace(/:38/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04239.gif' alt='' class='smiley'/>");
_str = _str.replace(/:39/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04241.gif' alt='' class='smiley'/>");
_str = _str.replace(/:40/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04240.gif' alt='' class='smiley'/>");
_str = _str.replace(/:41/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04242.gif' alt='' class='smiley'/>");
_str = _str.replace(/:42/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04244.gif' alt='' class='smiley'/>");
_str = _str.replace(/:43/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04247.gif' alt='' class='smiley'/>");
_str = _str.replace(/:44/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04250.gif' alt='' class='smiley'/>");
_str = _str.replace(/:45/gi, "<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04251.gif' alt='' class='smiley'/>")

b.item(i).innerHTML = _str;
}
}
}

//]]>
</script>



dan apabila di blog kamu tidak ada kode itu adanya kode 
commenttext
gunakan kode ini:

<script src='http://yusron.googlecode.com/files/emosi3d1.js' type='text/javascript'/>

kalo uda pilih kodenya copy tepat diatas kode </body>

7. Silahkan cari lagi di dalam template anda kode <b:if cond='data:post.embedCommentForm'>
8. Persis sebelum kode tersebut, pastekan script di bawah ini:

<div style='overflow:auto; border: 1px solid: #0000 ; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img src='http://emote.rkasigi.net/green/1188059487921.gif'/>:10
<img src='http://emote.rkasigi.net/green/1188060147366.gif'/>:11
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0422.gif'/>:12
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0423.gif'/>:13
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0424.gif'/>:14
<br/><br/><br/>
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0426.gif'/>:15
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0427.gif'/>:16
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0428.gif'/>:17
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons0429.gif'/>:18
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04211.gif'/>:19
<br/><br/><br/>
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04212.gif'/>:20
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04213.gif'/>:21
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04214.gif'/>:22
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04217.gif'/>:23
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04218.gif'/>:24
<br/><br/><br/>
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04219.gif'/>:25
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04220.gif'/>:26
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04238.gif'/>:27
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04233.gif'/>:28
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04236.gif'/>:29
<br/><br/><br/>
<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDmT9bKCI/AAAAAAAAB7Y/EY3W77GjWHw/hayoh_thumb%5B2%5D.gif?imgmax=800'/>:30
<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDusLSXDI/AAAAAAAAB7o/dEpCTMCpPxA/pukul_thumb.gif?imgmax=800'/>:31
<img src='http://lh5.ggpht.com/_pt7i0nbIOCY/SfzDfllKI1I/AAAAAAAAB7I/K12HBvqGZ1M/bodol_thumb%5B2%5D.gif?imgmax=800'/>:32
<img src='http://lh4.ggpht.com/_pt7i0nbIOCY/SfzDqDhnKJI/AAAAAAAAB7g/Z1udzM-bBo8/ngagakgak_thumb.gif?imgmax=800'/>:33
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04234.gif'/>:34
<br/><br/><br/>
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04227.gif'/>:35
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04232.gif'/>:36
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04228.gif'/>:37
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04239.gif'/>:38
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04241.gif'/>:39
<br/><br/><br/>
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04240.gif'/>:40
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04242.gif'/>:41
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04244.gif'/>:42
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04247.gif'/>:43
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04250.gif'/>:44
<br/><br/><br/>
<img src='http://www.addemoticons.com/emoticon/animated/AddEmoticons04251.gif'/>:45
</b></center>
</div>

9. Klik Simpan Template
10. Selesai



semoga berhasil...


Wassalamualaikum.wr.wb

Related Posts by Categories



at 9:09 PM
Labels: ,

what is new today




Bookmark and Share