Blog Detail Page with URL mapping, inline editing, captcha, commenting, and RSS

Description

Blog Detail Page with URL mapping, inline editing, captcha validation, moderated commenting, and an RSS feed (RSS page code included in another code example)

Link: http://www.google.com

Attachment: add-this.vtl (1 KB)

Image

Blog Detail Page with URL mapping, inline editing, captcha, commenting, and RSS

Code

#if($URLMapContent.inode)
  <div class="news-header">
    <h2>
      #dotedit($!URLMapContent.inode,$!URLMapContent.title)
      #editContentlet($URLMapContent.inode)
    </h2>
    <span class="byline">$!URLMapContent.author</span>
    <time datetime="$date.format('yyyy-MM-dd',$!URLMapContent.sysPublishDate)T$date.format('hh:mm:ss',$!URLMapContent.sysPublishDate)">$date.format('MMM dd yyyy',$!URLMapContent.sysPublishDate) at $date.format('HH:mm z',$!URLMapContent.sysPublishDate)</time>
    <div class="addThisNews">#dotParse('/vtl/includes/add-this.vtl')</div>
    <div class="clear"></div>
  </div>
  
  <div class="news-body">
    #dotedit($!URLMapContent.inode,$!URLMapContent.body)
    <div class="tags">
      <b>Tags:</b>
      #set($tags = $!URLMapContent.tags.split(","))
      #foreach($tag in $tags)
        <a href="/blogs/?tag=${UtilMethods.encodeURL($tag.trim())}">$tag</a>
      #end
    </div>
  </div>
  <div class="addThisNews">#dotParse('/vtl/includes/add-this.vtl')</div>
  <div class="clear p3">&nbsp;</div>
  <div class="border-bot wrapper p3"><a class="top" href="#">top</a></div>
  
  <div class="comments">
    <!-- Uncomment desired settings -->
    ##set($commentsModeration="News Publisher")
    ##set($commentForceLogin = 'true')
    ##set($commentDateDescending = true)
    ##set($copmmentStripHTML = 'true')
    
    
    #set($myContent = $URLMapContent.inode)
    #set($commentTitle = 'Comments')
    #set($commentUseCaptcha = 'true')
    #set($commentAutoPublish = 'true')
    #set($maxDepth = 2)
    #set($commentSourceCode = '/vtl/macros/comments.vtl')
    #comment($myContent)

  </div>
  <div class="clear p3"></div>
  <div class="border-bot wrapper p3"><a class="top" href="#">top</a></div>

#else
  <h3>We are sorry, but the blog you are looking for is no longer available. <a href="/blogs/">Click here to see recent blogs</a>.</h3>
#end