Cara Pasang Facemoods Emoticon Pada Komentar | Blogonol Tutorial

Browse » Home #javascript

Cara Pasang Facemoods Emoticon Pada Komentar

Unknown 1 Comment

Kali ini saya share tentang memberi emoticon pada komentar. Sebenarnya cara pasangnya kurang lebih sama dengan pemasangan emoticon lainnya, namun kita akan menggunakan facemoods emoticon, dan di sinilah letak keunikan dari emoticon ini. Silahkan ikuti langkah berikut.

Log in ke blog anda
Klik Edit HTML
Centang Expand Template Widget
Letakkan kode berikut di atas kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>

<div style=' width: 450px; text-align: left; border: 4px solid #0084ce; background: #FEF9EA; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbu-WhVwI/AAAAAAAAAJU/A78AhL5wxtI/bloggertricksandtoolz.blogspot%20%281%29.gif'/> :a
 
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbu5PtrZI/AAAAAAAAAJY/3q-NOI8y-K4/bloggertricksandtoolz.blogspot%20%282%29.gif'/> :b
 
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvFPoVYI/AAAAAAAAAJc/P352U_1NuzA/bloggertricksandtoolz.blogspot%20%283%29.gif'/> :c
 
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvBfkeqI/AAAAAAAAAJg/okTlBowJzJU/bloggertricksandtoolz.blogspot%20%284%29.gif'/> :d
 
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlbvHQDQWI/AAAAAAAAAJk/qq2-x7TIjTQ/bloggertricksandtoolz.blogspot%20%285%29.gif'/> :e
 
<img border='0' src='http://lh3.ggpht.com/_u4rBCfM4eII/TLlcBc-g6sI/AAAAAAAAAJo/PCTQ7LScutU/bloggertricksandtoolz.blogspot%20%286%29.gif'/> :f
 
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlcBSqn4QI/AAAAAAAAAJs/OeOz2-aTZu8/bloggertricksandtoolz.blogspot%20%287%29.gif'/> :g
 
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcBov0q3I/AAAAAAAAAJw/4t9uXh_yxt8/bloggertricksandtoolz.blogspot%20%288%29.gif'/> :h
 
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcBmMVN4I/AAAAAAAAAJ0/3ptBKygi1BU/bloggertricksandtoolz.blogspot%20%289%29.gif'/> :i
 
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcBsUpAzI/AAAAAAAAAJ4/b5T54JN_2ZU/bloggertricksandtoolz.blogspot%20%2810%29.gif'/> :j
 
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKNoCszI/AAAAAAAAAJ8/JuoJd0NP3ng/bloggertricksandtoolz.blogspot%20%2811%29.gif'/> :k
 
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcKehasTI/AAAAAAAAAKA/SlMTzzDI_B4/bloggertricksandtoolz.blogspot%20%2812%29.gif'/> :l
 
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKVspxRI/AAAAAAAAAKE/PC_j1JknaQ8/bloggertricksandtoolz.blogspot%20%2813%29.gif'/> :m
 
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKpYo08I/AAAAAAAAAKM/yOBc1A10qiw/bloggertricksandtoolz.blogspot%20%2815%29.gif'/> :n
 
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUIo_7WI/AAAAAAAAAKQ/kAG-HS6IezA/bloggertricksandtoolz.blogspot%20%2816%29.gif'/> :o
 
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlcKXxDYJI/AAAAAAAAAKI/Cvo6C0vweRk/bloggertricksandtoolz.blogspot%20%2814%29.gif'/> :p
 
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUdY6hNI/AAAAAAAAAKU/URRh0r_TBGw/bloggertricksandtoolz.blogspot%20%2817%29.gif'/> :q
 
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUkZdVLI/AAAAAAAAAKY/QR_ZPEBlNPU/bloggertricksandtoolz.blogspot%20%2818%29.gif'/> :r
 
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcUwj7HxI/AAAAAAAAAKc/jSpVaYr8_6A/bloggertricksandtoolz.blogspot%20%2819%29.gif'/> :s
 
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcU7Nr_6I/AAAAAAAAAKg/zupXNk6vCdo/bloggertricksandtoolz.blogspot%20%2820%29.gif'/> :t
</div>

Selanjutnya masukkan kode berikut di atas kode </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') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcBsUpAzI/AAAAAAAAAJ4/b5T54JN_2ZU/bloggertricksandtoolz.blogspot%20%2810%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKNoCszI/AAAAAAAAAJ8/JuoJd0NP3ng/bloggertricksandtoolz.blogspot%20%2811%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcKehasTI/AAAAAAAAAKA/SlMTzzDI_B4/bloggertricksandtoolz.blogspot%20%2812%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKVspxRI/AAAAAAAAAKE/PC_j1JknaQ8/bloggertricksandtoolz.blogspot%20%2813%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKpYo08I/AAAAAAAAAKM/yOBc1A10qiw/bloggertricksandtoolz.blogspot%20%2815%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUIo_7WI/AAAAAAAAAKQ/kAG-HS6IezA/bloggertricksandtoolz.blogspot%20%2816%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlcKXxDYJI/AAAAAAAAAKI/Cvo6C0vweRk/bloggertricksandtoolz.blogspot%20%2814%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUdY6hNI/AAAAAAAAAKU/URRh0r_TBGw/bloggertricksandtoolz.blogspot%20%2817%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUkZdVLI/AAAAAAAAAKY/QR_ZPEBlNPU/bloggertricksandtoolz.blogspot%20%2818%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcUwj7HxI/AAAAAAAAAKc/jSpVaYr8_6A/bloggertricksandtoolz.blogspot%20%2819%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcU7Nr_6I/AAAAAAAAAKg/zupXNk6vCdo/bloggertricksandtoolz.blogspot%20%2820%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbu-WhVwI/AAAAAAAAAJU/A78AhL5wxtI/bloggertricksandtoolz.blogspot%20%281%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbu5PtrZI/AAAAAAAAAJY/3q-NOI8y-K4/bloggertricksandtoolz.blogspot%20%282%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvFPoVYI/AAAAAAAAAJc/P352U_1NuzA/bloggertricksandtoolz.blogspot%20%283%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvBfkeqI/AAAAAAAAAJg/okTlBowJzJU/bloggertricksandtoolz.blogspot%20%284%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlbvHQDQWI/AAAAAAAAAJk/qq2-x7TIjTQ/bloggertricksandtoolz.blogspot%20%285%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='http://lh3.ggpht.com/_u4rBCfM4eII/TLlcBc-g6sI/AAAAAAAAAJo/PCTQ7LScutU/bloggertricksandtoolz.blogspot%20%286%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlcBSqn4QI/AAAAAAAAAJs/OeOz2-aTZu8/bloggertricksandtoolz.blogspot%20%287%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcBov0q3I/AAAAAAAAAJw/4t9uXh_yxt8/bloggertricksandtoolz.blogspot%20%288%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcBmMVN4I/AAAAAAAAAJ0/3ptBKygi1BU/bloggertricksandtoolz.blogspot%20%289%29.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Klik Simpan Template dan lihat hasilnya
Selamat Mencoba dan sukses selalu

"keep spirits and do the best"

Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.