August 11, 2011

How To Add Facemoods Emoticons For Blogger Comments

Hi! my dear friends here is the cool facemoods emoticons for your blog comment form. this gadget is my design and demo picture in below.. i think this is very cool gadget. so please add this to your blog and share your blog link with us to view this cool gadget on your blog..and happy facemoods for you!



Now Follow the simple steps below to do it:

1.Login to your blogger dashboard--> Design- -> Edit HTML

2.Scroll down to where you see
<h4 id='comment-post-message'><data:postCommentMsg/></h4> tag

3.Copy below code and paste it just before the
<h4 id='comment-post-message'><data:postCommentMsg/></h4> tag


<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.Now Scroll down to where you see </body> tag

5.Copy below code and paste it just before the </body> tag

<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>

6.Now Click on "Save Templates"

Now You are done.

Cheers..!

if you want add facemoods emoticons for your facebook chat please visit this linkFacemoods.com and enjoy the facebook chat.

No comments:

Post a Comment