Animated Moods for blogger comments

One of my previous posts I gave you Crazy Animated fun moods to blogger comments. We know the comments are very important to bloggers. If the fun moods include in the comments, it will be more attractively. So today I'm gonna give you another Animated Moods for your blogger comments as I gave once. I gave Mental Moods first, but today I'll give you happy moods.

Follow all of my steps and add this moods to your blog comments.

Step 1

Login to your blogger dashboard and go to the Template >> Edit HTML.

Now check the Expand Widgets Template.

Step 2

Press Ctrl+F and find for <h4 id='comment-post-message'><data:postCommentMsg/></h4> code.

Step 3

Then copy and paste below code just after the <h4 id='comment-post-message'><data:postCommentMsg/></h4> code.

<div style=' width: 450px; text-align: left; border: 4px solid #0084ce; background: #FEF9EA; padding: 10px; color:#000000; font-weight:bold; '> <br /> <img border='0' src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr5EQDGVZI/AAAAAAAAA28/GtJccMOq4Rs/saamgeadaviya.blogspot.gif'/> :a<br />   <br /> <img border='0' src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr5OoRCE-I/AAAAAAAAA28/xkut7Jyzt9c/saamgeadaviya.blogspot%20%286%29.gif'/> :b<br />   <br /> <img border='0' src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr5bd8KUBI/AAAAAAAAA28/eXshC7B3Dtc/saamgeadaviya.blogspot%20%2814%29.gif'/> :c<br />   <br /> <img border='0' src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr5bfyjSTI/AAAAAAAAA28/u73v-2VBMGs/saamgeadaviya.blogspot%20%2815%29.gif'/> :d<br />   <br /> <img border='0' src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr5oDheNkI/AAAAAAAAA28/rTiwJEY2rL4/saamgeadaviya.blogspot%20%2817%29.gif'/> :e<br />   <br /> <img border='0' src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr6EMe_2oI/AAAAAAAAA28/KT4S-ICd2AI/saamgeadaviya.blogspot%20%2821%29.gif'/> :f<br />   <br /> <img border='0' src='http://lh4.ggpht.com/_RduEq9ylLDc/TBr6EUgoT7I/AAAAAAAAA28/_J2OfPZKmdg/saamgeadaviya.blogspot%20%2822%29.gif'/> :g<br />   <br /> <img border='0' src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr6EWu6XxI/AAAAAAAAA28/tGMSXAvcdlc/saamgeadaviya.blogspot%20%2823%29.gif'/> :h<br />   <br /> <img border='0' src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr6EhxSPtI/AAAAAAAAA28/uiuePnLEgcQ/saamgeadaviya.blogspot%20%2824%29.gif'/> :i<br />   <br /> <img border='0' src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr6i75ZCEI/AAAAAAAAA28/zH41OoikUgk/saamgeadaviya.blogspot%20%2826%29.gif'/> :j<br />   <br /> <img border='0' src='http://lh4.ggpht.com/_RduEq9ylLDc/TBr6jY5w5bI/AAAAAAAAA28/mmHJPfRldKo/saamgeadaviya.blogspot%20%2828%29.gif'/> :k<br />   <br /> <img border='0' src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr6jhKs5DI/AAAAAAAAA28/RH6Qm4J16gY/saamgeadaviya.blogspot%20%2830%29.gif'/> :l<br />   <br /> <img border='0' src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr6jnRyQmI/AAAAAAAAA28/BVV0r20-HOs/saamgeadaviya.blogspot%20%2829%29.gif'/> :m<br />   <br /> <img border='0' src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr61Qd5GoI/AAAAAAAAA28/56Fgd-4M1gA/saamgeadaviya.blogspot%20%2832%29.gif'/> :n<br />   <br /> <img border='0' src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr615S_VbI/AAAAAAAAA28/c23WrsQjZ6E/saamgeadaviya.blogspot%20%2834%29.gif'/> :o<br />   <br /> <img border='0' src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr61z1AwdI/AAAAAAAAA28/bAn5fxGiOdQ/saamgeadaviya.blogspot%20%2835%29.gif'/> :p<br />   <br /> <img border='0' src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr7KiegUhI/AAAAAAAAA28/JSe9sWEKG1c/saamgeadaviya.blogspot%20%2837%29.gif'/> :q<br />   <br /> <img border='0' src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr7K9YNY7I/AAAAAAAAA28/HPcJWvfyB6g/saamgeadaviya.blogspot%20%2839%29.gif'/> :r<br />   <br /> <img border='0' src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr7LN2G5lI/AAAAAAAAA28/4Mmg6oc0IIs/saamgeadaviya.blogspot%20%2840%29.gif'/> :s<br />   <br /> <img border='0' src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr5bIGrkAI/AAAAAAAAA28/-xlopHAosGg/saamgeadaviya.blogspot%20%2813%29.gif'/> :t <br /> </div>

Step 4
Now again find the </body> code. Then copy and paste below code after the </body> tag.

<script type='text/javascript'><br /> //<![CDATA[ <br /> a = document.getElementById('comments'); <br /> if(a) { <br /> b = a.getElementsByTagName("DD"); <br /> for(i=0; i < b.length; i++) { <br /> if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') { <br /> _str = b.item(i).innerHTML.replace(/:j/gi, "<img src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr6i75ZCEI/AAAAAAAAA28/zH41OoikUgk/saamgeadaviya.blogspot%20%2826%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:k/gi, "<img src='http://lh4.ggpht.com/_RduEq9ylLDc/TBr6jY5w5bI/AAAAAAAAA28/mmHJPfRldKo/saamgeadaviya.blogspot%20%2828%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:l/gi, "<img src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr6jhKs5DI/AAAAAAAAA28/RH6Qm4J16gY/saamgeadaviya.blogspot%20%2830%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:m/gi, "<img src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr6jnRyQmI/AAAAAAAAA28/BVV0r20-HOs/saamgeadaviya.blogspot%20%2829%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:n/gi, "<img src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr61Qd5GoI/AAAAAAAAA28/56Fgd-4M1gA/saamgeadaviya.blogspot%20%2832%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:o/gi, "<img src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr615S_VbI/AAAAAAAAA28/c23WrsQjZ6E/saamgeadaviya.blogspot%20%2834%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:p/gi, "<img src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr7KiegUhI/AAAAAAAAA28/JSe9sWEKG1c/saamgeadaviya.blogspot%20%2837%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:q/gi, "<img src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr6EnI5X-I/AAAAAAAAAgE/oWKwudltiAg/saamgeadaviya.blogspot%20%2825%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:r/gi, "<img src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr7K9YNY7I/AAAAAAAAA28/HPcJWvfyB6g/saamgeadaviya.blogspot%20%2839%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:s/gi, "<img src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr7LN2G5lI/AAAAAAAAA28/4Mmg6oc0IIs/saamgeadaviya.blogspot%20%2840%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:t/gi, "<img src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr5bIGrkAI/AAAAAAAAA28/-xlopHAosGg/saamgeadaviya.blogspot%20%2813%29.gif' alt='' class='smiley'/>");<br /> _str = _str.replace(/:a/gi, "<img src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr5EQDGVZI/AAAAAAAAA28/GtJccMOq4Rs/saamgeadaviya.blogspot.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:b/gi, "<img src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr5OoRCE-I/AAAAAAAAA28/xkut7Jyzt9c/saamgeadaviya.blogspot%20%286%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:c/gi, "<img src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr5bd8KUBI/AAAAAAAAA28/eXshC7B3Dtc/saamgeadaviya.blogspot%20%2814%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr5bfyjSTI/AAAAAAAAA28/u73v-2VBMGs/saamgeadaviya.blogspot%20%2815%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:e/gi, "<img src='http://lh5.ggpht.com/_RduEq9ylLDc/TBr5oDheNkI/AAAAAAAAA28/rTiwJEY2rL4/saamgeadaviya.blogspot%20%2817%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:f/gi, "<img src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr6EMe_2oI/AAAAAAAAA28/KT4S-ICd2AI/saamgeadaviya.blogspot%20%2821%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:g/gi, "<img src='http://lh4.ggpht.com/_RduEq9ylLDc/TBr6EUgoT7I/AAAAAAAAA28/_J2OfPZKmdg/saamgeadaviya.blogspot%20%2822%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:h/gi, "<img src='http://lh6.ggpht.com/_RduEq9ylLDc/TBr6EWu6XxI/AAAAAAAAA28/tGMSXAvcdlc/saamgeadaviya.blogspot%20%2823%29.gif' alt='' class='smiley'/>"); <br /> _str = _str.replace(/:i/ig,"<img src='http://lh3.ggpht.com/_RduEq9ylLDc/TBr6EhxSPtI/AAAAAAAAA28/uiuePnLEgcQ/saamgeadaviya.blogspot%20%2824%29.gif' alt='' class='smiley'/>") <br /> b.item(i).innerHTML = _str; <br /> } <br /> } <br /> }<br /> //]]><br /> </script>

Now save your template and view comments form.
How is it?

Share on Google Plus

About Eranda

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.