Menambahkan Emoticon Kaskus pada Blog

Emoticon-Cyberspace

Kali ini saya akan membahas cara menambahkan emoticon kaskus pada blog anda.

Emoticon ini berguna supaya komentar blog lebih menarik lagi dan juga lebih interaktif lagi dimana pengunjung bisa mengekspersikan moodnya melalui emoticon ini. Oklah kalau begitu sekarang ikuti tutorial dibawah:

• Buka LAYOUT >> EDIT HTML >> Klik Expand Widget Template
• Lalu cari kode dibawah:

class='comment-body'

• Lalu liat tagnya apakah memakai DIV atau memakai DD, kalau DIV, ganti aja jadi DD, jangan lupa tag penutupnya juga ganti jadi DD.

<dd class='comment-body'><data:comment.body/></dd></><p></p><p style="text-align: left; "><br></p></div></DIV>

• Lalu cari kode dibawah:

<p class='comment-footer'><p></p><p><b:if cond='data:post.embedCommentForm'></p><p> <b:include data='post' name='comment-form'/></p><p>  <b:else/></p><p>  <b:if cond='data:post.allowComments'></p><p>  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p><p>  </b:if></p><p>  </b:if></p><p>  </p></p><p>  </b:if>

• Tambahkan kode dibawah, tepatnya di bawah kode

<b><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' width='40'/><p></p></div><div><br></div><div>:a:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/s_big_cendol.gif' width='40'/></div><div><br></div><div>:b:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_shakehand2.gif' width='40'/></div><div><br></div><div>:c:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='40'/></div><div><br></div><div>:d:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_pertamax.gif' width='40'/></div><div><br></div><div>:e:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_mewek.gif' width='40'/></div><div><br></div><div>:f:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_siul.gif' width='40'/></div><div><br></div><div>:g:</div><div><br></div><div><br/><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_nosara.gif' width='40'/></div><div><br></div><div>:h:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='40'/></div><div><br></div><div>:i:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_tkp.gif' width='40'/></div><div><br></div><div>:j:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='40'/></div><div><br></div><div>:k:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_I-Luv-Indonesia.gif' width='40'/></div><div><br></div><div>:l:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_hoax.gif' width='40'/></div><div><br></div><div>:m:</div><div><br></div><div><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_berduka.gif' width='40'/></div><div><br></div><div>:n:</div><div><br></div><div style="text-align: -webkit-auto;"><font face="Consolas, 'Lucida Console', monospace"><span style="white-space: pre-wrap; -webkit-text-size-adjust: none; "><a href="http://Anandacsbx.blogspot.com" target="_blank">SITE</a></span></font></div><div></b>

• Lalu tambahan kode javascript dibawah sebelum tag

<script type='text/javascript'><p></p><p>//<![CDATA[</p><p>a = document.getElementById('comments');</p><p>if(a) {</p><p>b = a.getElementsByTagName("DD");</p><p>for(i=0; i < b.length; i++) {</p><p>if (b.item(i).getAttribute('CLASS') == 'comment-body') {</p><p>_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:b:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/s_big_cendol.gif' class='smiley'/>");</p><p>_str = _str.replace(/:c:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_shakehand2.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:d:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:e:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_pertamax.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:f:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_mewek.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:g:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_siul.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:h:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_nosara.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:i:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:j:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_tkp.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:k:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:l:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:m:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_hoax.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:n:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_berduka.gif' alt='' width='40' class='smiley'/>");</p><p>b.item(i).innerHTML = _str;</p><p>}</p><p>}</p><p>}</p><p><br></p><p>a = document.getElementById('comments');</p><p>if(a) {</p><p>c = a.getElementsByTagName("DD");</p><p>for(i=0; i < c.length; i++) {</p><p>if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {</p><p>_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:b:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/s_big_cendol.gif' class='smiley'/>");</p><p>_str = _str.replace(/:c:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_shakehand2.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:d:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:e:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_pertamax.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:f:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_mewek.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:g:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_siul.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:h:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_nosara.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:i:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:j:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_tkp.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:k:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:l:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:m:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_hoax.gif' alt='' width='40' class='smiley'/>");</p><p>_str = _str.replace(/:n:/gi, "<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_berduka.gif' alt='' width='40' class='smiley'/>");</p><p><br></p><p>c.item(i).innerHTML = _str;</p><p>}</p><p>}</p><p>}</p><p><br></p><p>//]]></p><p></script>

• Save template anda

Have Fun ^_^

Mau ngetest emoticon kaskus ini, komentar aja diblog ini, misal tulis >> :a: :b: :c: :d: :e: :f: :g:

:h: :i: :j: :k: :l: :m: :n:

NB: Oya emoticon ini hanya muncul di komentar blog aja, tidak akan muncul pada bagian postingan / post-body.

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Menambahkan Emoticon Kaskus pada Blog ini dipublish oleh Unknown pada hari Sunday, February 12, 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 4 komentar: di postingan Menambahkan Emoticon Kaskus pada Blog