comment-examples

(Difference between revisions)

Jump to: navigation, search
Current revision (19:31, 10 December 2008) (view source)
(Undo revision 35033 by DardeLbosi (Talk) SPAM)
 
(21 intermediate revisions not shown.)
Line 54: Line 54:
** $content
** $content
** $links
** $links
 +
 +
==Real world Examples==
 +
 +
The following urls are examples of user/visitor comments primarily about media, but are all in the context of a blog post or article.
 +
 +
* http://ryanedit.blogspot.com/2006/01/light-water-music-2.html
 +
** Information displayed: author, author-url, comment, permalink
 +
 +
* http://prototypen.com/blog/vjblog/archives/001318.html
 +
** Information displayed: author, author-url, comment, published
 +
 +
* http://www.itsjerrytime.com/?p=89
 +
** Information displayed: author, author-url, comment, published, permalink
 +
 +
* http://bottomunion.com/blog/?p=469
 +
** Information displayed: author, author-url, comment, published, permalink
 +
 +
* http://www.rocketboom.com/rb_07_mar_26/comments/
 +
** Information displayed: author, author-url, comment, published, comments-link
 +
** This page does not contain any comments - just a link to another page which has comments on. This should probably not be included in the tally.
 +
*** Updated example to one that works.
 +
 +
* http://www.chesslodge.com/2007/03/chess-video-lesson-2/
 +
** Information displayed: author, author-url, comment, published, permalink
 +
 +
* http://stevegarfield.blogs.com/videoblog/2007/04/sxsw_all_togeth.html
 +
** Information displayed: author, author-url, comment, published, permalink
 +
 +
* http://blog.blip.tv/blog/2008/09/12/bliptv-the-new-york-television-festival/
 +
** Information displayed: author, author-url, comment, published
 +
** Nobody has commented on this page. This should probably not be included in the tally.
 +
*** Changed url to one that works
 +
 +
* http://uk.youtube.com/watch?v=KKTDRqQtPO8
 +
** Information displayed: author, author-url, comment, published, reply-url, vote, junk-report-link, inset-threaded-replies, pagination-links
 +
 +
* http://vimeo.com/162754
 +
** Information displayed: author, author-url, comment, published, inset-threaded-replies
 +
 +
* http://www.dailymotion.com/commented-week/lang/en/video/x7a2my_lewis-hamilton-champion-f1-2008_sport
 +
** Information displayed: author, author-url, comment, published, author-image, pagination-links
 +
 +
* http://www.nbc.com/Saturday_Night_Live/video/clips/mccain-qvc-open/805381/
 +
** Information displayed: author, author-url, author-image, comment, published, junk-report-link
 +
 +
* http://www.accidenthash.com/2007/04/02/gray-wet-yuck-monday/
 +
** Information displayed: author, author-url, comment, published, permalink
 +
 +
* http://freakytrigger.co.uk/ft/2008/11/blondie-call-me/
 +
** Information displayed: author, author-url, comment, published, permalink, pagination-links
 +
 +
* http://www.scissorkick.com/2008/09/midnight-lab-band/
 +
** Information displayed: author, author-image, comment, published, permalink
 +
 +
* http://www.arjanwrites.com/arjanwrites/2008/10/free-download-j.html#comments
 +
** Information displayed: author, author-url, comment, published
 +
 +
* http://loki23.blogspot.com/2008/09/flower-electronics.html#comments
 +
** Information displayed: author, author-url, comment, published, permalink
 +
 +
* http://videogum.com/archives/the-hunt-for-the-worst-movie-of-all-time/the-hunt-for-the-worst-movie-o-30_032141.html
 +
** Information displayed: author, author-url, author-image, comment, published, permalink, vote, reply-url, inset-threaded-replies, in-reply-to-link
 +
 +
* http://www.haloscan.com/comments/empirestatehuman/7424868678376349884/
 +
** Information displayed: author, author-url, comment, published, permalink, reply-link
 +
 +
* http://www.3hive.com/2008/10/1000_robata.php#comments
 +
** Information displayed: author, author-url, comment, published, reply-link, inset-threaded-replies
 +
 +
* http://www.musicload.de/album/1884260_2/nik-p--dj-%C3%B6tzi/ein-stern-der-deinen-namen-tr%C3%A4gt/item.html
 +
** Information displayed: author, comment, published, rating
 +
 +
* http://strongwordsinc.com/2007/05/31/episode-20-tranforming-you-into-stds-since-1983/#comments
 +
** Information displayed: author, author-url, comment, published, permalink
 +
 +
* http://ackegard.com/gallery/v/campaigns/calipolis/LK03_Kyri_climbs.jpg.html?g2_imageViewsIndex=1
 +
** Information displayed: author, comment, published
 +
 +
* http://www.elfwood.com/art/n/e/nelson/pixy.jpg.html#addnewcmt
 +
** Information displayed: author, author-url, comment, published, pagination-links
 +
 +
* http://www.reddit.com/r/offbeat/comments/7d8k8/man_kills_whole_beehive_by_accident_pic/c06citf
 +
** Information displayed: author, author-url, comment, published, permalink, reply-link, in-reply-to-link, inset-threaded-replies, vote
 +
 +
* http://slashdot.org/comments.pl?sid=1030805
 +
** Information displayed: author, author-url, comment, published, permalink, reply-link, in-reply-to-link, inset-threaded-replies, title, vote, pagination-links
 +
 +
* http://twitter.com/t
 +
** Information displayed: comment, software-used, published, permalink, in-reply-to-link, pagination-links
 +
** [[DavidJanes]]: this is not an example of a comments system
 +
 +
=== Analysis ===
 +
 +
25 examples
 +
 +
* comment 100%
 +
* author 96%
 +
* published 96%
 +
* author-url 84%
 +
* permalink 60%
 +
* pagination-links 24%
 +
* inset-threaded-replies 20%
 +
* author-image 16%
 +
* in-reply-to-link 16%
 +
* reply-link 16%
 +
* vote 16%
 +
* junk-report-link 8%
 +
* reply-url 8%
 +
* rating 4%
 +
* software-used 4%
 +
* title 4%
 +
 +
=== Selected Examples ===
 +
 +
==== Blogspot #1 ====
 +
 +
* http://ryanedit.blogspot.com/2006/01/light-water-music-2.html
 +
* issue: DL lists only allow DT/DD children; how do we do hAtom?
 +
** The first step in realising the solution is to create a separate <code>&lt;dl></code> element for each individual comment.
 +
*** The next step is to realise that these elements have been chosen poorly to being with. Each of the wrapping <code>&lt;dl></code> elements should be <code>&lt;div></code>s; the <code>&lt;dt></code> elements should probably be <code>&lt;address></code>; the comments themselves perhaps <code>&lt;blockquote></code> and the footers <code>&lt;div></code>.
 +
 +
<pre>
 +
<dl id='comments-block'>
 +
    <!-- comment #1 -->
 +
    <dt class='comment-author blogger-comment-icon' id='c113756252571588387'>
 +
        <a name='c113756252571588387'></a>
 +
        <a href='...' rel='nofollow'>french/new/wave/nerd</a> said...
 +
    </dt>
 +
    <dd class='comment-body'>
 +
        <p>that was tasty.<BR/><BR/>-taxiplasm</p>
 +
    </dd>
 +
    <dd class='comment-footer'>
 +
        <span class='comment-timestamp'>
 +
            <a href='...' title='comment permalink'>9:35 PM</a>
 +
        </span>
 +
    </dd>
 +
 +
    <!-- comment #2 -->
 +
    <dt class='comment-author blogger-comment-icon' id='c113756977236111956'>
 +
        <a name='c113756977236111956'></a>
 +
        <a href='...' rel='nofollow'>JuanFalla</a> said...
 +
    </dt>    <dd class='comment-body'>
 +
        <p>I wish i had your music ability. nice...</p>
 +
    </dd>
 +
    <dd class='comment-footer'>
 +
        <span class='comment-timestamp'>
 +
            <a href='...' title='comment permalink'>11:36 PM</a>
 +
        </span>
 +
    </dd>
 +
</dl>
 +
 +
</pre>
 +
 +
==== MovableType #1 ====
 +
 +
* http://prototypen.com/blog/vjblog/archives/001318.html
 +
 +
<pre>
 +
<div class="comments-head">
 +
    <a name="comments"></a>
 +
    Comments
 +
</div>
 +
<div class="comments-body">
 +
    <p>Is it right that this video ....</p>
 +
    <p>Thanks.</p>
 +
    <span class="comments-post">
 +
        Posted by: <a href="...">Marco Bakera</a>
 +
        at November  8, 2005 08:34 AM
 +
    </span>
 +
</div>
 +
<div class="comments-body">
 +
    <p>In the right column you find the ....</p>
 +
    <p>Attribution Noncommercial Share Alike...</p>
 +
    <span class="comments-post">
 +
        Posted by: <a href="...">fALk</a>
 +
        at November 30, 2005 12:12 PM
 +
    </span>
 +
</div>
 +
</pre>
 +
 +
==== Wordpress #1 ====
 +
 +
* http://www.itsjerrytime.com/?p=89
 +
 +
<pre>
 +
<h3 id="comments">
 +
    67 Responses to &#8220;THE TEXAS CHAINSAW CUSTOMER&#8221;
 +
</h3>
 +
<ol class="commentlist">
 +
    <!-- comment #1 -->
 +
    <li class="alt" id="comment-3779">
 +
        <cite>a fan</cite> Says:
 +
        <br />
 +
        <small class="commentmetadata">
 +
            <a href="#comment-3779" title="">October 17th, 2006 at 7:42 pm</a>
 +
        </small>
 +
        <p>Sounds like a it&#8217;ll be good...  </p>
 +
    </li>
 +
   
 +
    <!-- comment #2 -->
 +
    <li class="" id="comment-3979">
 +
        <cite><a href='...' rel='external nofollow'>chase</a></cite> Says:
 +
        <br />
 +
        <small class="commentmetadata">
 +
            <a href="#comment-3979" title="">October 21st, 2006 at 5:25 pm</a>
 +
        </small>
 +
        <p>hurry, hurry, hurry &#8230;</p>
 +
    </li>
 +
</ol>
 +
</pre>
 +
 +
 +
==== Video site #1 ====
 +
 +
* http://vimeo.com/162754
 +
 +
<pre>
 +
<ul class="comments" id="comments_162754">
 +
    <!-- comment #1 -->
 +
    <li class="parent first">
 +
        <a name="comment_120581"></a>
 +
        <img src="..." alt="" class="portrait" />
 +
        <div class="rightside">
 +
        <div class="name">
 +
            <a href="/videowombat">FuzzyDave</a>
 +
            2 years ago
 +
        </div>
 +
        <div class="text">
 +
            Another great short...
 +
        </div>
 +
        <div class="clear"></div>
 +
    </li>
 +
 +
    <!-- comment #2 -->
 +
    <li class="reply">
 +
        <a name="comment_120724"></a>
 +
        <img src="..." alt="" class="portrait" />
 +
        <div class="rightside">
 +
            <div class="name">
 +
                <a href="/joshflowers">JoshFlowers</a>
 +
                2 years ago
 +
            </div>
 +
            <div class="text">
 +
                Odd, I just suggested ...
 +
            </div>
 +
        </div>
 +
        <div class="clear"></div>
 +
    </li>
 +
</ul>
 +
 +
</pre>
 +
 +
==== Video site #2 ====
 +
 +
* http://www.nbc.com/Saturday_Night_Live/video/clips/mccain-qvc-open/805381/
 +
* this site loads comments by AJAX

Current revision

Contents

Tools

WordPress

pMachine

Expression Engine

Expression Engine includes many additional comments templates tags. This list excludes the following tags: tags used to display user data (instant message handles, location, occupation, etc.), tags which are used for navigation within EE-based blogs or websites, tags which deal with comment presentation (alternating background colors between comments), and custom member tags (which are defined by individual sites.)

Drupal

Real world Examples

The following urls are examples of user/visitor comments primarily about media, but are all in the context of a blog post or article.

Analysis

25 examples

Selected Examples

Blogspot #1

<dl id='comments-block'>
    <!-- comment #1 -->
    <dt class='comment-author blogger-comment-icon' id='c113756252571588387'>
        <a name='c113756252571588387'></a>
        <a href='...' rel='nofollow'>french/new/wave/nerd</a> said...
    </dt>
    <dd class='comment-body'>
        <p>that was tasty.<BR/><BR/>-taxiplasm</p>
    </dd>
    <dd class='comment-footer'>
        <span class='comment-timestamp'>
            <a href='...' title='comment permalink'>9:35 PM</a>
        </span>
    </dd>

    <!-- comment #2 -->
    <dt class='comment-author blogger-comment-icon' id='c113756977236111956'>
        <a name='c113756977236111956'></a>
        <a href='...' rel='nofollow'>JuanFalla</a> said...
    </dt>    <dd class='comment-body'>
        <p>I wish i had your music ability. nice...</p>
    </dd>
    <dd class='comment-footer'>
        <span class='comment-timestamp'>
            <a href='...' title='comment permalink'>11:36 PM</a>
        </span>
    </dd>
</dl>

MovableType #1

<div class="comments-head">
    <a name="comments"></a>
    Comments
</div>
<div class="comments-body">
    <p>Is it right that this video ....</p>
    <p>Thanks.</p>
    <span class="comments-post">
        Posted by: <a href="...">Marco Bakera</a>
        at November  8, 2005 08:34 AM
    </span>
</div>
<div class="comments-body">
    <p>In the right column you find the ....</p>
    <p>Attribution Noncommercial Share Alike...</p>
    <span class="comments-post">
        Posted by: <a href="...">fALk</a>
        at November 30, 2005 12:12 PM
    </span>
</div>

Wordpress #1

<h3 id="comments">
    67 Responses to “THE TEXAS CHAINSAW CUSTOMER”
</h3>
<ol class="commentlist">
    <!-- comment #1 -->
    <li class="alt" id="comment-3779">
        <cite>a fan</cite> Says:
        <br />
        <small class="commentmetadata">
            <a href="#comment-3779" title="">October 17th, 2006 at 7:42 pm</a> 
        </small>
        <p>Sounds like a it’ll be good...  </p>
    </li>
    
    <!-- comment #2 -->
    <li class="" id="comment-3979">
        <cite><a href='...' rel='external nofollow'>chase</a></cite> Says:
        <br />
        <small class="commentmetadata">
            <a href="#comment-3979" title="">October 21st, 2006 at 5:25 pm</a>
        </small>
        <p>hurry, hurry, hurry …</p>
    </li>
</ol>


Video site #1

<ul class="comments" id="comments_162754">
    <!-- comment #1 -->
    <li class="parent first">
        <a name="comment_120581"></a>
        <img src="..." alt="" class="portrait" />
        <div class="rightside">
        <div class="name">
            <a href="/videowombat">FuzzyDave</a>
            2 years ago
        </div>
        <div class="text">
            Another great short...
        </div>
        <div class="clear"></div>
    </li>

    <!-- comment #2 -->
    <li class="reply">
        <a name="comment_120724"></a>
        <img src="..." alt="" class="portrait" />
        <div class="rightside">
            <div class="name">
                <a href="/joshflowers">JoshFlowers</a>
                2 years ago
            </div>
            <div class="text">
                Odd, I just suggested ...
            </div>
        </div>
        <div class="clear"></div>
    </li>
</ul>

Video site #2

comment-examples was last modified: Wednesday, December 10th, 2008

Views