Selasa, 17 Januari 2012

Pasang Emoticon Di Threaded System Comments

Setelah diluncurkan dan diterapkannya threaded system comments bagi para pengguna blogger, tidak serta-merta berjalan mulus. Beberapa permasalahan timbul disana-sini jika kita memang sudah mengaktifkan threaded system comments blogger untuk customize template ini! Yang sudah terlihat jelas hilangnya beberapa hack dan juga customize kode didalam template kita :-s Seiring dengan berjalan waktu, mari kita sama-sama membenahi kekurangan dengan hadirnya fitur threaded commenting tersebut :D Contoh hack yg hilang dengan adanya feature ini yakni background komentar author jadi lenyap, tulisan diatas embed comments yg kita tulis jg hilang, dan yg paling cukup menyita perhatian kalangan blogger adalah musnahnya emoticon di dalam kotak komentar ~X(

Karena Koben malas ngulik² jadi sebagai bloglang anu ganteng kalem tea, sobat² sekarang tidak perlu khawatir lagi dengan emoticon untuk komentar L-) Salah satu sobat blogger sudah membantu memecahkan masalah ini loh :D dan dia adalah master Sadeva Aldy Pratama o->
Dengan judul postingan pasang emoticon pada komentar thread terbaru. Silahkan ikuti langkah-langkahnya disana. Setelah membaca caranya di sana, balik lagi ke sini guna optimasinya :D Perhatikan pada langkah peletakan script<script src='http://www.geocities.ws/alprablog/user/js/yemo.js' type='text/javascript'/>rubahlah menjadi begini<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://www.geocities.ws/alprablog/user/js/yemo.js' type='text/javascript'/>
</b:if>

Mentahan Emotikon Script

a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = a.item(i).innerHTML.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt=''/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt=''/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt=''/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt=''/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt=''/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt=''/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt=''/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt=''/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt=''/>")
a.item(i).innerHTML = _str;
}
}

a = document.getElementById('comment-holder');
if(a) {
b = a.getElementsByTagName("blockquote");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-content') {
_str = b.item(i).innerHTML.replace(/:\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt=''/>");
_str = _str.replace(/:\)\]/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' alt=''/>");
_str = _str.replace(/;\)\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' alt=''/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' alt=''/>");
_str = _str.replace(/:d/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt=''/>");
_str = _str.replace(/\;\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt=''/>");
_str = _str.replace(/:p/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt=''/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt=''/>");
_str = _str.replace(/:\)/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt=''/>");
_str = _str.replace(/:\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt=''/>");
_str = _str.replace(/:x/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' alt=''/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt=''/>");
_str = _str.replace(/:\-\o/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt=''/>");
_str = _str.replace(/:-\//gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt=''/>");
_str = _str.replace(/:-\*/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' alt=''/>");
_str = _str.replace(/:\|/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' alt=''/>");
_str = _str.replace(/8-\}/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' alt=''/>");
_str = _str.replace(/~x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' alt=''/>");
_str = _str.replace(/:-t/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' alt=''/>");
_str = _str.replace(/b-\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' alt=''/>");
_str = _str.replace(/:-\L/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' alt=''/>");
_str = _str.replace(/x\(/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt=''/>");
_str = _str.replace(/\=\)\)/ig,"<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt=''/>")
b.item(i).innerHTML = _str;
}
}
}


Agar posisi si emot rata dengan tulisan yg ada di sekitar kotak komentar kalian, simpan CSS berikut diatas kode ]]></b:skin>.comment-content img {
padding: 0;
margin: 0;
vertical-align: middle
}
SAVE dan lihat hasil kerja :) Kalau sudah pasang emotikon yg ini, hapus yg lamanya. Mari kita tunggu lagi sobat² yg lain untuk memperbaiki & membenahi galat yg terjadi :))
Happy blogging \m/

Tidak ada komentar:

Posting Komentar