CARA MELETAKKAN EMOT DI KOTAK KOMENTAR

Ke maren asix searching-searching di mbah google dan nemu trik ini. Karena udah q tes, ternyata keren dan ada yang minta url tempat tutorialnya..! Tapi sayangnya q lupa alamatnya. Cos ke maren q langsung copy data dari url itu ke my pc...! he,,

sory ya pemilik blog yang merasa artikelnya di COPAS sama blog saya ini...! he,,

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

 Kira-kira tutorialnya begitu. dan kalau gax login dulu di http://draft.blogger.com juga bisa kox..! cos q ke maren gax login dulu di sana, dan berhasil. semoga posting saya kali ini bermanfaat untuk orang_orang yang mencari CARA MELETAKKAN EMOT DI KOTAK KOMENTAR. Sekali lagi sory ya pemilik blog yang q copas...! he,,

Related Posts by Categories