inilah yang biasanya membuat blog sedikit lebih menarik. dengan adanya emoticon, kita dapat mengekspresikan raut wajah kita ketia sedang mengetik posting tersebut. Sayangnya di blogger kita tidak dapat fitur tersebut.
eh... jangan nyerah dulu bang... masih ada harapan. tutorial ini nggak sengaja saya temukan di blog orang (terimakasih banget yah -> thaszone.blogspot.com . metodenya cukup mudah, katanya dengan metode word replacing gitu ( :sorry maap, saya nggak seberapa mahir di javascript.)
caranya cukup mudah, dan saya berani mengatakan bila ini adalah cara termudah. karena nggak perlu banyak banyak mengedit template kita.
1. langkah pertama, masuk blogger -> masuk di bidang rancangan/template -> edit html. centang pada expand template widget.
2. cari kode ini :
<body>kemudian replace dengan kode ini :
<body id='body' onload='addSmiley();'>3. masuk ke bagian layout/elemen laman (tempatnya agan nambah widget widget itu loh) tambah widget "html/javascript" dan masukkan kode yang panjaaang ini.
<script type="text/javascript">
document.getElementsByClassName = function(clsName){
var retVal = new Array();
var elements = document.getElementsByTagName("*");
for(var i = 0;i < elements.length;i++){
if(elements[i].className.indexOf(" ") >= 0){
var classes = elements[i].className.split(" ");
for(var j = 0;j < classes.length;j++){
if(classes[j] == clsName)
retVal.push(elements[i]);
}
}
else if(elements[i].className == clsName)
retVal.push(elements[i]);
}
return retVal;
}
function addSmiley(dummy){
var d = [], i=0, def = ['post-body','entry-content','comment-body'];
for(i=0;i<def.length;i++){
var content = document.getElementsByClassName(def[i]);
for(var j=0;j<content.length;j++)
d.push(content[j]);
}
for(i=0;i<arguments.length;i++){
var content = document.getElementsByClassName(arguments[i]);
for(var m=0;m<content.length;m++)
d.push(content[m]);
}
for(var i=0;i<d.length;i++){
d[i].innerHTML = d[i].innerHTML.replace(/\s:4l4y\)/g, ' <img src="http://emot.comoj.com/alay.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:angel\$/g, ' <img src="http://emot.comoj.com/angel.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:babyboy\)/g, ' <img src="http://emot.comoj.com/babyboy.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:babyboy2\(/g, ' <img src="http://emot.comoj.com/babyboy1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:babygirl/g, ' <img src="http://emot.comoj.com/babygirl.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:berduka/g, '<img src="http://emot.comoj.com/berduka.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:berdukas/g, ' <img src="http://emot.comoj.com/berdukas.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:bigbata/g, ' <img src="http://emot.comoj.com/big_batamerah.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:bigcendol/g, ' <img src="http://emot.comoj.com/big_cendol.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:bingung/g, ' <img src="http://emot.comoj.com/bingung.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:capekdeh/g, ' <img src="http://emot.comoj.com/capede.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:cekpm/g, ' <img src="http://emot.comoj.com/cekpm.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:cekpms/g, ' <img src="http://emot.comoj.com/cekpms.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:cendol/g, ' <img src="http://emot.comoj.com/cendol.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:cendols/g, ' <img src="http://emot.comoj.com/cendols.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:cewek/g, ' <img src="http://emot.comoj.com/cewek.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:jijik/g, ' <img src="http://emot.comoj.com/dp.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:hammer/g, ' <img src="http://emot.comoj.com/hammer.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:hammers/g, ' <img src="http://emot.comoj.com/hammers.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:hoax/g, ' <img src="http://emot.comoj.com/hoax2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:hope/g, ' <img src="http://emot.comoj.com/hope.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:hottrit/g, ' <img src="http://emot.comoj.com/hotrit.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:loveindos/g, ' <img src="http://emot.comoj.com/iloveindonesias.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:jempol1/g, ' <img src="http://emot.comoj.com/jempol1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:jempol2/g, ' <img src="http://emot.comoj.com/jempol2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:kisss/g, ' <img src="http://emot.comoj.com/kisss.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:loveindo/g, ' <img src="http://emot.comoj.com/luvindo.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:mads/g, ' <img src="http://emot.comoj.com/mads.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:mahohoax/g, ' <img src="http://emot.comoj.com/mahohoax.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:mahongintip/g, ' <img src="http://emot.comoj.com/mahongintip.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:mahos/g, ' <img src="http://emot.comoj.com/mahos.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:malu/g, ' <img src="http://emot.comoj.com/malu.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:malu2/g, ' <img src="http://emot.comoj.com/malu2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:malus/g, ' <img src="http://emot.comoj.com/malus.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:melotot/g, ' <img src="http://emot.comoj.com/matabelo1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:mewek/g, ' <img src="http://emot.comoj.com/mewek.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:mewek2/g, ' <img src="http://emot.comoj.com/mewek2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:mikir/g, ' <img src="http://emot.comoj.com/mikir.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:najis/g, ' <img src="http://emot.comoj.com/najis.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:nerd/g, ' <img src="http://emot.comoj.com/nerd.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:newyear/g, ' <img src="http://emot.comoj.com/newyear.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:ngacir/g, ' <img src="http://emot.comoj.com/ngacir2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:ngakaks/g, ' <img src="http://emot.comoj.com/ngakaks.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:ngakak/g, ' <img src="http://emot.comoj.com/ngakak.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:nohope/g, ' <img src="http://emot.comoj.com/nohope.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:nosara/g, ' <img src="http://emot.comoj.com/nosara.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:peluk/g, ' <img src="http://emot.comoj.com/peluk.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:pertamax/g, ' <img src="http://emot.comoj.com/pertamax.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:radio/g, ' <img src="http://emot.comoj.com/radio.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:rate/g, ' <img src="http://emot.comoj.com/rate.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:recseller/g, ' <img src="http://emot.comoj.com/recseller.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:request/g, ' <img src="http://emot.comoj.com/request.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:lovekaskus/g, ' <img src="http://emot.comoj.com/s_sm_ilovekaskus.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:maho/g, ' <img src="http://emot.comoj.com/s_sm_maho.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:repost1/g, ' <img src="http://emot.comoj.com/s_sm_repost1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:repost2/g, ' <img src="http://emot.comoj.com/s_sm_repost2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:selamat/g, ' <img src="http://emot.comoj.com/selamat.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:jabat/g, ' <img src="http://emot.comoj.com/shakehand2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:siul/g, ' <img src="http://emot.comoj.com/siul.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:beer/g, ' <img src="http://emot.comoj.com/smiley_beer.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:buzz/g, ' <img src="http://emot.comoj.com/smileyfm329wj.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:sorry/g, ' <img src="http://emot.comoj.com/sorry.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:sundul/g, ' <img src="http://emot.comoj.com/sundul.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:sungkem/g, ' <img src="http://emot.comoj.com/sungkem.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:supermaho/g, ' <img src="http://emot.comoj.com/supermaho.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:takut/g, ' <img src="http://emot.comoj.com/takut.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:thanks/g, ' <img src="http://emot.comoj.com/thanks2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:tkp/g, ' <img src="http://emot.comoj.com/tkp.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:toscendol/g, ' <img src="http://emot.comoj.com/toastcendol.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:travel/g, ' <img src="http://emot.comoj.com/traveller.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:takuts/g, ' <img src="http://emot.comoj.com/takuts.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:marah/g, ' <img src="http://emot.comoj.com/marah.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:lapar/g, ' <img src="http://emot.comoj.com/lapar.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/\s:cool/g, ' <img src="http://emot.comoj.com/cool2.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
}
}
</script>
monggo dicoba... daftarnya dapat dilihat disini loh
happy expressing :ngakak
=======================================
update, anda tidak perlu memasukkan javascript sebegit banyaknya ke blog anda (bikin berat ajah.) saya telah membuatkan sebuah file. jadi hanya isikan
<script type="text/javascipt" src="http://emot.comoj.com/emot.js">
+ komentar + 1 komentar
louis vuitton outlet stores, nike free, louboutin shoes, cheap uggs, longchamp handbags, oakley sunglasses cheap, ugg boots clearance, louis vuitton, nike shoes, ugg outlet, cheap oakley sunglasses, tiffany and co, tory burch outlet, jordan shoes, christian louboutin, prada outlet, oakley sunglasses, michael kors outlet, polo ralph lauren, air max, louis vuitton handbags, prada handbags, michael kors outlet, uggs outlet, oakley sunglasses, polo ralph lauren outlet, uggs, longchamp outlet, michael kors outlet, kate spade outlet, replica watches, rolex watches, louis vuitton outlet, air max, longchamp handbags, michael kors outlet, oakley sunglasses, michael kors outlet online sale, ray ban sunglasses, burberry outlet, louboutin, chanel handbags, ray ban sunglasses, louboutin outlet, michael kors outlet, louis vuitton outlet, burberry outlet, ray ban sunglasses
Terimakasih oakleyses atas Komentarnya di Memberi Emoticon Kaskus Pada Blogger [EASIEST!!!]Posting Komentar
Give Ur eXPerience about this eXPerience...