Kustomisasi Smiley Di Komentar Blogger Dan Postingan

Wah,, Bikin smile tinggal kopi paste linker js?
Kagak kreativ!!
Bikin dumz yang beda,,,
Masa' smiley / emoticon di komentar blog sama mulu itu-itu ajah,,
Bikin sendiri? Kenapa enggak?
Gampang kok chuy, tinggal ganti kode smiley ama URL gambar aja,
Dah gak sabar pengen nyobain yang beda,,
Cek kid dot,,




1. Scriptnya tuh kayak gini, editnya cukup pake notepad aja ea,,:

<!-- DarkArd.blogspot.com Create Emoticon -->
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='URL GAMBAR KAMU1' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='URL GAMBAR KAMU2' alt='' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='URL GAMBAR KAMU3' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='URL GAMBAR KAMU4' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='URL GAMBAR KAMU5' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='URL GAMBAR KAMU6' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='URL GAMBAR KAMU7' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='URL GAMBAR KAMU8' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='URL GAMBAR KAMU9' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='URL GAMBAR KAMU10' 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 = b.item(i).innerHTML.replace(/:a:/gi, "<img src='URL GAMBAR KAMU1' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='URL GAMBAR KAMU2' alt='' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='URL GAMBAR KAMU3' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='URL GAMBAR KAMU4' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='URL GAMBAR KAMU5' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='URL GAMBAR KAMU6' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='URL GAMBAR KAMU7' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='URL GAMBAR KAMU8' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='URL GAMBAR KAMU9' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='URL GAMBAR KAMU10' alt='' class='smiley'/");
c.item(i).innerHTML = _str;
}
}
}

2. Nah, kamu tinggal ganti URL GAMBAR KAMU, dengan URL emoticon yang mau kamu pake, trus didepannya ada :a: , :b: , dan seterusnya tuh kode yang dipake untuk munculin gambar emoticon kamu, bisanya yang kayak gini loh: :-) :-P XD (T.T)

Nah, itu bisa kalian selerakan sendiri.

3. Save script tadi dengan nama "Emoticon.js"
terserah kok namanya apa, yang penting belakangnya musti .js

4. Udah? Upload file js kamu tadi d web hostingan terdekat.
Kagak ngerti hostingan? Tanya aja ama emak loe, gw gak bisa jelasin sekarang, ni aja nulisnya buru-buru banget. Baca disini untuk petunjuk mengenai Linker Eksternal

5. Nah, trus kalo udah, Linker JS kamu tadi kamu kopi URL'nya

6. kamu bikin lagi di Notepad, buka Notepad baru yg masih Blank, sekarang tinggal bikin table buat template Emoticonnya. Kayak gini, simple ajah, trus kode linker yang udah dikopi, masukkan ke kode dibawah ini juga:
<center>

<!--KODE LINKER KAMU LETAKKAN DISINI-->

<table style="width:100%;border:0px;">
<tr><td>:a:
<img src="URL GAMBAR KAMU1" alt="" />
</td><td>:b:
<img src="URL GAMBAR KAMU2" alt="" />
</td><td>:c:
<img src="URL GAMBAR KAMU3" alt="" />
</td><td>:d:
<img src="URL GAMBAR KAMU4" alt="" />
</td><td>:e:
<img src="URL GAMBAR KAMU5" alt="" />
</td></tr>
<tr><td>:f:
<img src="URL GAMBAR KAMU6" alt="" />
</td><td>:g:
<img src="URL GAMBAR KAMU7" alt="" />
</td><td>:h:
<img src="URL GAMBAR KAMU8" alt="" />
</td><td>:i:
<img src="URL GAMBAR KAMU9" alt="" />
</td><td>:j:
<img src="URL GAMBAR KAMU10" alt="" />
</td></tr>
</table>
<Script Language='Javascript'>
document.write(unescape('%4D%61%75%20%65%6D%6F%74%69%63%6F%6E%20%73%65%70%65%72%74%69%20%64%69%61%74%61%73%3F%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%64%61%72%6B%61%72%64%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%30%2F%30%35%2F%6B%75%73%74%6F%6D%69%73%61%73%69%2D%73%6D%69%6C%65%79%2D%64%69%2D%6B%6F%6D%65%6E%74%61%72%2D%62%6C%6F%67%67%65%72%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%4B%6C%69%6B%20%64%69%73%69%6E%69%3C%2F%61%3E%21'));
</Script>
</center>


7. Kode diatas udah kelar ngeditnya? kalo udah tinggal masang di Blog kamu. Masuk ke Tata Letak,
Edit HTML, dan centang/tandai Expand Template Widget

8. Cari kode ini:
<P class='comment-footer'>

8. Trus letakkan kode yang udah kamu edit pake NotePad tadi dibawah kode tersebut, save template

9. Jadi deh,,,,,
Comments

25 comments:

  1. Om saya udah coba bkin Smiley yang kaya gtu, tpi pas diketik code smileynya yang keluar bukan gambar tpi huruf biasa..

    Mohon bantuannya..

    :e:

    ReplyDelete
  2. web hostingan terdekat misalnya apa???? :d:

    ReplyDelete
  3. [Reply to: The Salvation]


    iaa nih gan,kok cuman huruf doank,emoticonnya gak keluar,mohon penjelasannya gan..

    saya sampe pusing nihh.. :c:

    ReplyDelete
  4. eh... cuma tanya...
    napa blog q g da kode kyk yg di no 8 ntu?
    n just mbetulin ja...
    tu no 8 nya dobel...
    bingung maw nyebutin yg mana jadinya :c:

    ReplyDelete
  5. Hwaaa....Kapasitas otak gw yg minim gx bisa melajarin hal kyk gini...Pusiing.... :c:

    ReplyDelete
  6. mantap ilmunya gan ok bos ane laksanakan sekarang juga,, tanks,?/

    ReplyDelete
  7. akh ga bisa ...

    emotionnya ga timbul

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete
  10. sob kode yg nomer 8 tuh ada 2 di blog gw
    yg bner ditaruh dmna ? yg bawah apa atas ?

    ReplyDelete
  11. truz kak di blog gw klau mau comment harus klik tombol dlu nnti baru keluar kotak commentnnya di tab baru

    klo dirubah jdi kyak punyaanya kakak ni gmna caranya ?

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other