Emoticon Blog - Kucing Version

Pasti pengen pasang Emoticon Kucng di atas kan Sob. , cekibrot  .  eh eh salah . cekidot . 
Berikut ini adalah step by step Cara pasang Emoticon Kucing di Blogspot :

Instruksi Dasar :

   1. Login Blog terlebih dahulu di http://draft.blogger.com
   2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
   3. Pilih Tab Edit HTML
   4. Letakkan kode berikut ini di atas atau sebelum ]]></b:skin>

#kotakemote {
width:auto;
border:1px solid grey;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
margin:10px;
padding:10px;
}

   5. Centang "Expand Widget Template" lalu Letakkan kode berikut ini diatas atau sebelum <b:if cond='data:post.embedCommentForm'>

EMOTICON :
<div id='kotakemote'><b>
<img border='0' src='http://img413.imageshack.us/img413/2395/teriak.gif' title=':f'/>
:f
<img border='0' src='http://img413.imageshack.us/img413/9497/yes.gif' title=':D'/>
:D
<img border='0' src='http://img413.imageshack.us/img413/3571/stres.gif' title=':x'/>
:x
<img border='0' src='http://img413.imageshack.us/img413/9981/senang.gif' title='B-)'/>
B-)
<img border='0' src='http://img413.imageshack.us/img413/2440/sebel.gif' title='b-('/>
b-(
<img border='0' src='http://img12.imageshack.us/img12/914/puyengz.gif' title=':@'/>
:@
<img border='0' src='http://img25.imageshack.us/img25/9213/ngiler.gif' title='x('/>
x(
<img border='0' src='http://img25.imageshack.us/img25/4159/mangu.gif' title=':?'/>
:?
<img border='0' src='http://img25.imageshack.us/img25/2529/maluku.gif' title=';;)'/>
;;)
<img border='0' src='http://img25.imageshack.us/img25/333/malu.gif' title=':-B'/>
:-B
<img border='0' src='http://img25.imageshack.us/img25/7279/lovebcc.gif' title=':|'/>
:|
<img border='0' src='http://img25.imageshack.us/img25/2443/ngakaki.gif' title=':))'/>
:))
<img border='0' src='http://img25.imageshack.us/img25/765/kringet.gif' title=':(('/>
:((
<img border='0' src='http://img7.imageshack.us/img7/2439/kesel.gif' title='=(('/>
=((
<img border='0' src='http://img25.imageshack.us/img25/2043/kagum.gif' title=':s'/>
:s
<img border='0' src='http://img14.imageshack.us/img14/9351/aarrgh.gif' title=':-j'/>
:-j
<img border='0' src='http://img25.imageshack.us/img25/9086/hihihig.gif' title=':-p'/>
:-p</b></div>

   6. Letakkan kode berikut ini diatas atau sebelum </body>

<script type='text/javascript'>
//<![CDATA[
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(/:f/gi, "<img src='http://img413.imageshack.us/img413/2395/teriak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://img413.imageshack.us/img413/9497/yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://img413.imageshack.us/img413/3571/stres.gif' alt='' class='smiley'/>");
_str = _str.replace(/B\-\)/gi, "<img src='http://img413.imageshack.us/img413/9981/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/b\-\(/gi, "<img src='http://img413.imageshack.us/img413/2440/sebel.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://img12.imageshack.us/img12/914/puyengz.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://img25.imageshack.us/img25/9213/ngiler.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://img25.imageshack.us/img25/4159/mangu.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://img25.imageshack.us/img25/2529/maluku.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-B/gi, "<img src='http://img25.imageshack.us/img25/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://img25.imageshack.us/img25/7279/lovebcc.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://img25.imageshack.us/img25/2443/ngakaki.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://img25.imageshack.us/img25/765/kringet.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://img7.imageshack.us/img7/2439/kesel.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://img25.imageshack.us/img25/2043/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-j/gi, "<img src='http://img14.imageshack.us/img14/9351/aarrgh.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-p/gi, "<img src='http://img25.imageshack.us/img25/9086/hihihig.gif' 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(/:f/gi, "<img src='http://img413.imageshack.us/img413/2395/teriak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://img413.imageshack.us/img413/9497/yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://img413.imageshack.us/img413/3571/stres.gif' alt='' class='smiley'/>");
_str = _str.replace(/B\-\)/gi, "<img src='http://img413.imageshack.us/img413/9981/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/b\-\(/gi, "<img src='http://img413.imageshack.us/img413/2440/sebel.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://img12.imageshack.us/img12/914/puyengz.gif' alt='' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img src='http://img25.imageshack.us/img25/9213/ngiler.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img src='http://img25.imageshack.us/img25/4159/mangu.gif' alt='' class='smiley'/>");
_str = _str.replace(/;\;\)/gi, "<img src='http://img25.imageshack.us/img25/2529/maluku.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-B/gi, "<img src='http://img25.imageshack.us/img25/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img src='http://img25.imageshack.us/img25/7279/lovebcc.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img src='http://img25.imageshack.us/img25/2443/ngakaki.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img src='http://img25.imageshack.us/img25/765/kringet.gif' alt='' class='smiley'/>");
_str = _str.replace(/=\(\(/gi, "<img src='http://img7.imageshack.us/img7/2439/kesel.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://img25.imageshack.us/img25/2043/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-j/gi, "<img src='http://img14.imageshack.us/img14/9351/aarrgh.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\-p/gi, "<img src='http://img25.imageshack.us/img25/9086/hihihig.gif' alt='' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

   7. Simpan Perubahan lalu bisa lihat hasilnya. Thanx.

Posted in: Tutorial Blog