One reader mailed to me for the problem with comment form in SimplexGamezone template . The comment form is not well design and it is pushed down bellow sidebar section .
I made a new version that fix this problem . All the download links for this template has been replaced to newer one .You can download newer version and re-install or update manually with this post

Download version 2




If you want to update manually ,here is steps :
1,Find this code
<b:if cond="data:blog.pageType == &quot;item&quot;">
                             <div class="breadcrumbed">   
                                 You are here:   
                                 <a expr:href="data:blog.homepageUrl">Home</a>
                                 <span> /
                                     <b:loop values="data:post.labels" var="label">
                                         <a expr:href="data:label.url" rel="tag"><data:label.name/></a><b:if cond="data:label.isLast != &quot;true&quot;">,</b:if>
                                     </b:loop>
                                 </span>                              
                             </div>
                           
                             <div id="uscolumnsingle">   
                                 <div class="1wrapperst">                   
                                     <div class="2wrappernd">            
                                         <div class="uscontinue">           
                                              <div class="post">                
                                                  <div class="ptitle">                  
                                                        <b:if cond="data:post.link">
                                                         <a expr:href="data:post.link"><data:post.title/></a>
                                                     <b:else/>
                                                         <b:if cond="data:post.url">
                                                             <a expr:href="data:post.url"><data:post.title/></a>
                                                         <b:else/>
                                                             <data:post.title/>
                                                         </b:if>
                                                     </b:if>
                                                 </div>   
                                                 <div class="meta_author">By
                                                     <data:post.author/> 
                                                     On  <data:post.timestamp/>  |
                                                     Categorized As
                                                     <b:loop values="data:post.labels" var="label">
                                                         <a expr:href="data:label.url" rel="tag"><data:label.name/></a><b:if cond="data:label.isLast != &quot;true&quot;">,</b:if>
                                                     </b:loop> |
                                                      With
                                                     <b:if cond="data:post.allowComments">
                                                         <b:if cond="data:post.numComments == 1">
                                                             1 <data:commentLabel/>
                                                         <b:else/>
                                                             <data:post.numComments/> <data:commentLabelPlural/>
                                                         </b:if>
                                                     </b:if>
                                                 </div>  
                                                 <div id="mycontent"><data:post.body/></div>            
                                                 <div class="clear"/>
                                             </div>   
                                           
                                             <div id="authorarea">
                                                 <img width="60" height="60" class="avatar avatar-60 photo" src="simplexgamezone_files/d72f45aa0f1e49fdbe7dffa1ebdca7d2.png" alt=""/>
                                                 <div class="authorinfo">
                                                     <p><b>About <a title="Posts by admin" href="http://thesimplexdesign.com/">admin</a></b> -
                                                     Share a little biographical information to fill out your profile. This may be shown publicly. Share a little biographical information to fill out your profile. This may be shown publicly.</p>
                                                 </div>
                                             </div>   
                                             <div class="share">
                                                 <ul>
                                                     <li>
                                                         <img border="0" alt="Add to Delicious" class="sharethis" src="simplexgamezone_files/share.png"/>
                                                     </li>    
                                                 </ul>
                                             </div>
                                         </div>          
                                     </div>        
                                 </div>        
                                 <div class="page-bottom">   
                                 </div>
                                 <div class="clear"/> 
                             </div>
                           
                             <b:include data="post" name="comments"/>       
                         <b:else/>
Replace it with
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
                             <div class='breadcrumbed'>  
                                 You are here:  
                                 <a expr:href='data:blog.homepageUrl'>Home</a>
                                 <span> /
                                     <b:loop values='data:post.labels' var='label'>
                                         <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
                                     </b:loop>
                                 </span>                             
                             </div>
                            
                             <div id='uscolumnsingle'>  
                                 <div class='1wrapperst'>                  
                                     <div class='2wrappernd'>           
                                         <div class='uscontinue'>          
                                              <div class='post'>               
                                                  <div class='ptitle'>                 
                                                        <b:if cond='data:post.link'>
                                                         <a expr:href='data:post.link'><data:post.title/></a>
                                                     <b:else/>
                                                         <b:if cond='data:post.url'>
                                                             <a expr:href='data:post.url'><data:post.title/></a>
                                                         <b:else/>
                                                             <data:post.title/>
                                                         </b:if>
                                                     </b:if>
                                                 </div>  
                                                 <div class='meta_author'>By
                                                     <data:post.author/>
                                                     On  <data:post.timestamp/>  |
                                                     Categorized As
                                                     <b:loop values='data:post.labels' var='label'>
                                                         <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
                                                     </b:loop> |
                                                      With
                                                     <b:if cond='data:post.allowComments'>
                                                         <b:if cond='data:post.numComments == 1'>
                                                             1 <data:commentLabel/>
                                                         <b:else/>
                                                             <data:post.numComments/> <data:commentLabelPlural/>
                                                         </b:if>
                                                     </b:if>
                                                 </div> 
                                                 <div id='mycontent'><data:post.body/></div>           
                                                 <div class='clear'/>
                                             </div>  
                                            
                                             <div id='authorarea'>
                                                 <img alt='' class='avatar avatar-60 photo' height='60' src='http://1.gravatar.com/avatar/d72f45aa0f1e49fdbe7dffa1ebdca7d2?s=60&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G' width='60'/>
                                                 <div class='authorinfo'>
                                                     <p><b>About <a href='http://thesimplexdesign.com' title='Posts by admin'>admin</a></b> -
                                                     Share a little biographical information to fill out your profile. This may be shown publicly. Share a little biographical information to fill out your profile. This may be shown publicly.</p>
                                                 </div>
                                             </div>  
                                             <div class='share'>
                                                 <ul>
                                                     <li>
                                                         <img alt='Add to Delicious' border='0' class='sharethis' src='http://magazine3.com/gameup/demo/wp-content/themes/gameup-single-v25-demo/icons/share.png'/>
                                                     </li>   
                                                 </ul>
                                             </div>
                                             <b:include data='post' name='comments'/>  
                                         </div>         
                                     </div>       
                                 </div>       
                                 <div class='page-bottom'>  
                                 </div>
                                 <div class='clear'/>
                             </div>
                            
                               
                         <b:else/>    
2, Find this code
   <b:includable id="comments" var="post">
  <div class="comments" id="comments">
    <a name="comments"/>
    <b:if cond="data:post.allowComments">
      <h4>
        <b:if cond="data:post.numComments == 1">
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond="data:post.commentPagingRequired">
        <span class="paging-control-container">
          <a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl"><data:post.oldestLinkText/></a>
          Â
          <a expr:class="data:post.oldLinkClass" expr:href="data:post.olderLinkUrl"><data:post.olderLinkText/></a>
          Â
          <data:post.commentRangeText/>
          Â
          <a expr:class="data:post.newLinkClass" expr:href="data:post.newerLinkUrl"><data:post.newerLinkText/></a>
          Â
          <a expr:class="data:post.newLinkClass" expr:href="data:post.newestLinkUrl"><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id="data:widget.instanceId + &quot;_comments-block-wrapper&quot;">
        <dl expr:class="data:post.avatarIndentClass" id="comments-block">
          <b:loop values="data:post.comments" var="comment">
            <dt expr:class="&quot;comment-author &quot; + data:comment.authorClass" expr:id="data:comment.anchorName">
              <b:if cond="data:comment.favicon">
                <img width="16px" height="16px" expr:src="data:comment.favicon" style="margin-bottom: -2px;"/>
              </b:if>
              <a expr:name="data:comment.anchorName"/>
              <b:if cond="data:blog.enabledCommentProfileImages">
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond="data:comment.authorUrl">
                <a expr:href="data:comment.authorUrl" rel="nofollow"><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class="comment-body" expr:id="data:widget.instanceId + data:comment.cmtBodyIdPostfix">
              <b:if cond="data:comment.isDeleted">
                <span class="deleted-comment"><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class="comment-footer">
              <span class="comment-timestamp">
                <a expr:href="data:comment.url" title="comment permalink">
                  <data:comment.timestamp/>
                </a>
                <b:include data="comment" name="commentDeleteIcon"/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond="data:post.commentPagingRequired">
        <span class="paging-control-container">
          <a expr:class="data:post.oldLinkClass" expr:href="data:post.oldestLinkUrl">
            <data:post.oldestLinkText/>
          </a>
          <a expr:class="data:post.oldLinkClass" expr:href="data:post.olderLinkUrl">
            <data:post.olderLinkText/>
          </a>
          Â
          <data:post.commentRangeText/>
          Â
          <a expr:class="data:post.newLinkClass" expr:href="data:post.newerLinkUrl">
            <data:post.newerLinkText/>
          </a>
          <a expr:class="data:post.newLinkClass" expr:href="data:post.newestLinkUrl">
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class="comment-footer">
        <b:if cond="data:post.embedCommentForm">
          <b:if cond="data:post.allowNewComments">
            <b:include data="post" name="comment-form"/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond="data:post.allowComments">
            <a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick"><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond="data:showCmtPopup">
      <div id="comment-popup">
        <iframe scrolling="no" frameborder="0" allowtransparency="true" id="comment-actions" name="comment-actions">
        </iframe>
      </div>
    </b:if>

    <div id="backlinks-container">
    <div expr:id="data:widget.instanceId + &quot;_backlinks-container&quot;">
       <b:if cond="data:post.showBacklinks">
         <b:include data="post" name="backlinks"/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
               
Replace it with

<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <div id="displaying">Displaying <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>
        </b:if>
    </div>
    <div id="haveyoursay">Have Your Say  </div>
   
     <br/>

      <ol class="commentlist">
        
          <b:loop values='data:post.comments' var='comment'>
             <li id="comment-4" class="comment even thread-even depth-1 parent">
                <div>
                <div class="comment-author vcard">
                   <b:if cond='data:blog.enabledCommentProfileImages'>
                     <data:comment.authorAvatarImage/>
                  </b:if>
                 <cite class="fn"><b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if></cite>
        <span class="says">says:</span>   
        </div>

        <div class="comment-meta commentmetadata"><a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
                </div>

        <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
           </div>
       
</li>
            
           
          </b:loop>
        </ol>
     


        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

     
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

  
  </div>
</b:includable>
3,Adding this CSS code in CSS section
.comments .avatar-image-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0 10px 10px 0;
    max-height: 35px;
    overflow: hidden;
    padding: 2px;
    width: 35px;
}
.comments .avatar-image-container img {width:35px;height:35px;}

#blog-pager {
   
    float: left;
    font-weight: bold;
    margin: 1em 0;
    overflow: hidden;
    padding: 5px 15px;
    text-align: center;
    width: 625px;
}

That's all for update this template .

Share this post

Advertisement

5 comments

  1. Friend, how to make related posts and advertisement widget as above?

    ReplyDelete
    Replies
    1. Tutorial for related posts can be found in my blog .
      Advertisement widget can be added easily because these templates are widget ready.

      Delete
    2. Is it possible to make for us an Archive Page (as new page)?

      Delete
    3. yes ,it's possible . I can do it by creating a page . Add archive widget and make this widget only show in archive page ,then hide all page content .
      But I'm testing this solution and find an easiest way to describe and writing tutorial . Hard to write all steps that I applied for all readers because most of us are not familiar to coding .

      Delete

Here are some rules for commenting on Simplex Design blog :
1, Search first ,then ask question. You will get the answer faster
2, All comments except spams are welcome.
3, Please make all requests in English.
4, Do not use generic titles such as Admin or Mod. This confuses readers