Cara pasang Emoticon Kucing di Blogspot

Langsung aja yup... sudah banyak tutorialnya dimana2 juga.... :D Sobat ndolem aja yang setia menunngu post dari saya... :) Thanx sob nDolem (http://www.ndolem20.co.cc/)... dah berpatisipasi diblog q... :)



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.