Modifications Comments Section

It's not true that bloggers do not like 'try' various things. Edit the template so different, change the various widgets and others. An easy one is to change the comment box. While it's easy, but very interesting and useful because it can show that our blog 'different'. There are many parts that we can actually change, ranging from simple way through the elements of this page or want more 'naughty' again through the modification of its edit html. To edit this page element by itself has included a lot of things.

Through First Page Elements
Do I log into blogger, click layout / layout, and then to Page Elements / Page Elements
Click 'edit' in the lower right of the posting box.

Will display a pop-up box editing. Look at the Options page entry, the list to 4 by default shall be 5 Comment. Can you change such as 'people speak' or 'critical', according to your wishes

If you already click save. See the results.

HTML Playground
Let modif better again we went into the Html.
Login to blogger, click layout / layout, then click 'edit html'

Locate the following:
<span class='post-comment-link'>

if not met, on some templates like this one
<span class='comment-link'>

or if the template is completely different for this section
comment-link'>

If you've met consider the full code below:
<span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Let's Comment...<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if> So Far</a> </b:if> </b:if> </span>

Replace the red suit you, the script above will change the standard koment link to

Let's comment ... 5 people talking so far


If still not satisfied, we can add a picture below callouts like this:

The Script it like this

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><img src='http://i39.tinypic.com/33z5njo.jpg' style='border:0px'/>
</b:if>
</b:if>
</span>

The script above will place the image at the end, if you want to put pictures at the beginning of the script below the picture
<img src='http://i39.tinypic.com/33z5njo.jpg' style='border:0px'/>

placed after
<b:if cond='data:post.allowComments'>

Images can be change by replacing the green URL ...

If you want to add information that highlight the links in the comment just add the following code:
title="your message"

after addCommentOnclick'

Save the template when it's good. Good luck ...

If you liked the article on this blog, Please click here Subscribe for free via email, so you'll get a delivery of articles to every article published in www.face-tutorial.co.cc

Related Post :