Followers

13 Disember 2010

Disember 13, 2010 - 10 comments

Tutorial:FaceMoods emotikon untuk blog komen






SNAPSHOT:





Berfungsi Untuk IE dan Firefox ;)

Alright,jom pasang kat blog korang gak ;)

FaceMoods Emoticons For Blogger Comments

1.Login ke blogger dashboard--> Design- -> Edit HTML

2.Cari kod merah ni:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

3.Pastekan kod dibawah sebelum kod merah

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

4.Ok,sekarang cari kod </body> ,dan pastekan kod ni sebelum kod </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 save template dan test emotikon korang =)
Nota:Cuba komen sebagai anonymous dahulu =)

Ok,ada lagi dua jenis emotikon untuk korang,selamat berjaya dengan yang ni =)



10 ulasan:

nice tp takut lak hehehe tp cam mn nak tag org lam entri kita...tag blog org laen????

@nur intan hazirah Tag atau link?Saya dah terang yang awak tnya sebelum ni:h

camne nak wat kotak leave a comment yg ade smiley ni? :r

@Adha

<img alt='Comment here' border='0' src='http://1.bp.blogspot.com/_P7J-V68xQZ4/TOYpJVx_2FI/AAAAAAAADg0/ThFE7Ceqcwo/s1600/th_Leave_a_Comment.jpg'/>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>

kod smiley

</div>

@Anip™ Huh,x best ke yang ni huhu :o,tkpe nnti ada yng best lg aku bg :k

@Adha

Kat bawah:

<b:if cond='data:post.allowNewComments'>

Thanks!... tapi saya gunakan smile gift sendiri :m

Catat Ulasan