Home / Trik dan Tips Blog / Kustomisasi Smiley Di Komentar Blogger Dan Postingan

Kustomisasi Smiley Di Komentar Blogger Dan Postingan

Posted by Unknown Rabu, 30 November 2011 0 komentar

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,,:

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>


<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:

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

9. Jadi deh,,,,,

Щ(ºДºщ)

Puja Kerang Ajaib..... ♪~ ƪ(‾ε‾")ʃ Lululululululululu.....

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Kustomisasi Smiley Di Komentar Blogger Dan Postingan
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://azharadzuan.blogspot.com/2011/11/kustomisasi-smiley-di-komentar-blogger.html. Terima kasih sudah singgah membaca artikel ini.