Showing posts with label comments. Show all posts
Showing posts with label comments. Show all posts

How to add Angel Emoticons For Blogger Comments.




Hi friends now add Angel Emoticons in your blogger Comments this very nice tutorial Design by Me.
If you like this please add your comment in below this post.

Follow Simple and easy step to for adding angel emotions in your blogger Comments---->>>>

* First go to Your blogger Dashboard.

* Now click in Design tab and Edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code <h4 id='comment-post-message'> By CTRL+F key.

* Copy below code and paste before <h4 id='comment-post-message'> 

<div style=' width: 450px; text-align: left; border: 4px solid #FF6600; background: #FEDFBF; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/angel1.gif'/> :a
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/angel3.gif'/> :b
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/angel_not.gif'/> :c
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/undecided.gif'/> :d
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/transforming.gif'/> :e
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/bowarrow.gif'/> :f
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/colored.gif'/> :g
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/devil%20in%20angel.gif'/> :h
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/enchufe.gif'/> :i
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/flying%20aureola.gif'/> :j
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/sad.gif'/> :k
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/rolling%20eyes.gif'/> :l
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/grey%20one.gif'/> :m
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/little%20wings.gif'/> :n
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/little%20angel.gif'/> :o
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/blinking%20aureola.gif'/> :p
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/no%20no%20angel.gif'/> :q
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/not%20angel%20anymore.gif'/> :r
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/angel%20kiss.gif'/> :s
&#160; 
<img border='0' src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/devlish%20angel.gif'/> :t 
</div>

* Again find this code </body> By CTRL+F key easily.

* Copy below code and paste before </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(/:a/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/angel1.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:b/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/angel3.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:c/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/angel_not.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:d/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/undecided.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:e/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/transforming.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:f/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/bowarrow.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:g/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/colored.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:h/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/devil%20in%20angel.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:i/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/enchufe.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:j/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/flying%20aureola.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:k/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/sad.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/rolling%20eyes.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:m/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/grey%20one.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:n/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/little%20wings.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:o/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/little%20angel.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:p/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/blinking%20aureola.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:q/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/no%20no%20angel.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:r/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/not%20angel%20anymore.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:s/gi, "<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/angel%20kiss.gif' alt='' class='smiley'/>"); 
_str = _str.replace(/:t/ig,"<img src='http://freeemoticonsandsmileys.com/animated%20emoticons/Angel%20Animated%20Emoticons/devlish%20angel.gif' alt='' class='smiley'/>") 
b.item(i).innerHTML = _str; 
} 
} 
}
//]]>
</script>

* Now click To save your blogger Comment. And cheers.
Read More ...

1 comments

Numbering your blogger Comments


This trick helps you to number each of your comments under a particular post..Thanks to Fernando of Quite Random for this awesome trick.You can read his original tutorial atQuite Random 
I have tried to make it easier for you.. You can implement the trick in 3 simple replacement steps..(and a little SEO is added onto this hack.)


A small Demonumbered-comments-blogger 

Steps involved in implementing this trick

1.Login to your Blogger Dashboard
2.Goto Template >Edit HTML
3.Choose to expand your Widget templates.
4.Find this line of Code
<dl id='comments-block'>
and replace it with
<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>
5.Now find this line of code
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
and replace it with
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='clear: both;'>
6.Now find this line of code
<data:commentPostedByMsg/>
and replace it with
<data:commentPostedByMsg/>
<span class='numberingcomments' style='float: right; font-size: 20px;'>
<a rel='nofollow' expr:href='data:comment.url' title='Comment Link' style='text-decoration:none'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter);
</script>
</a>
</span>
So you should have it working in just 3 replacement steps..:)If everything went well,you should now have a numbered commenting system on your blog.
Read More ...

0 comments

Alternate Comment Forms For Blogger


Have you ever felt that the blogger comment form (even the embedded inline one) doesn’t look pretty.Don’t worry you can convert the default comment form of blogger to an stylish commenting system which enables threaded comments and author images.Here i am listing some of the most popular commenting alternatives,.



These are the three famous commenting systems!

intensedebate-To give you a better demo,i am using the intense debate commenting system on this post.This is now owned by  Automattic, the makers of Wordpress.This is my personal favorite and i am now confused whether i should switch to this or if i should use the default blogger commenting system.

intensedebate-commenting-system
2.DISQUS -
disqusThis is another Commenting system – It is the same thing thatMashable.com uses for its comments.

disqus-commenting system
3.JS-Kit (Echo)
js-kit  This is also another JavaScript based commenting system.Echo offers both free and paid packages!The free package comes with threaded comments and an interface where the commenter can add videos,images,similes, etc.The commenter can also format his comments using a simple WYSIWYG comment editor.

js-kit-commenting system
When you try to go for any of these commenting systems,make sure that you backup your template and keep a copy,so that you can revert back if it didn’t work out well.
These are the three most popular commenting systems.They come with threaded commenting with Gravatar based profile images,which can make you commenting system look more professional.I personally prefer Intense Debate over the others.
So if you want to remove the default blogger commenting system and get a better commenting interface,then you can opt for any of these commenting systems.
Note: These comment forms come with an option to show the comment form on new posts only(means posts with 0 blogger comments)!That means your old comments will stay intact and will use the old blogger comment form.(This is optional.. you can also revert all posts to use the new commenting system.But in that case, you cant display the existing comments easily..)
Read More ...

0 comments