Komentar Blogger Default berisi Reply Plus Iklan

Selasa, 27 November 2012
Pada umumnya Komentar pada Blogspot bersifat default [sebelum adanya Thread comment] yang artinya   tidak ada Reply atau Balasan Komentar, :q; itulah yang akan saya bahas sekarang dan khusus untuk kawan Blogger yang masih mempergunakan Komentar Default agar bisa menjawab atau Reply Komentar yang masuk Plus Penempatan Iklan diatas atau disamping Komentar :w;
Caranya sebagai berikut :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
  • Beri tanda 
h2.date-header {padding: 0 0 2px 5px;margin-top: -10px;margin-bottom: 0;color: #006400;font-size:11px}
.post {color:#333;font: normal 12px Cherry Cream Soda, Arial, Tahoma, Verdana;margin: 0 auto 0;padding: 5px 10px;text-align:justify;background: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000');background:-moz-radial-gradient(left, #FFFFFF, #000000);background:-webkit-gradient(linear, left top, right top, from(#FFFFFF), to( #000000)) repeat-x top center;border: 1px solid #FFF;}
.post-body{overflow:hidden; line-height:16px;font: normal 12px Cherry Cream Soda; background: #FFF;border: 1px solid #ccc;border-left: 3px solid #999;border-top: 3px solid #999;-moz-border-radius:10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px; padding:10px 10px 0 10px; }
.post h2 {margin: 5px 0 10px;padding: 5px;color: #FF0;font: normal 120% Tekton Pro, Arial, Tahoma, Verdana;border-bottom: 1px dotted #333;background: -moz-linear-gradient(top,#000,#FFF);background:-webkit-gradient(linear, left top, right bottom, from(#000),to(#FFF)) ;}
.post h2 a, .post h2 a:visited {color: #FF0;margin: 5px 0 10px;padding: 5px 1px 2px 1px;text-align:left;font: normal 120% Tekton Pro, Arial, Tahoma, Verdana;}
.post h2 a:hover {color: #FFF;text-shadow:1px 1px 1px #F00;text-decoration:none;margin:5px 0 10px;padding: 5px 1px 2px 1px;
text-align:left;font: bold 120% Tekton Pro, Arial, Tahoma, Verdana;}
.comment-link{color:#122B15;background:url(http://1.bp.blogspot.com/-ZCkL5goDRyU/UGBF33G5hyI/AAAAAAAAFMs/N748f3bSJ1M/s1600/CLIPBOARD.png) no-repeat;width:60px;height:60px;float: left;margin: 0 5px 0 0;padding:15px 5px 10px 1px;font-size:18px;text-align: center;text-shadow-hover: 2px 2px 2px #F00;}
.post img {padding: 10px;}

  • Selanjutnya cari <b:includable id='comments' var='post'> Sampai </b:includable> atau selengkapnya kurang lebih sebagai berikut :

    <b:includable id='comments' var='post'>

    ................ Bla - bla - bla ...............................................................................................

    <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 allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
            </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> .............................. sampai pada disini ................................................

    • Hapus atau ganti dengan Script berikut 
    <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/> : &#8220;<data:post.title/>&#8221;
    </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>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
    </span>
    </b:if>
    <table><tr><td valign='top'>
    <div style='width:515px;height:auto; text-align:left; border:0px solid #243B0B; padding-right:5px;'>
    <br/>
    <div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><blink><b>MAU IKLAN ANDA TAMPIL DISINI</b></blink></div> </div><br/>
    <b:loop values='data:post.comments' var='comment'>
    <b:if cond='data:comment.author == data:post.author'>
    <ol class='commentlist-destacado'>
    <li class='comment' id='comment'>
    <div class='comment-body' id='div-comment'>
    <div class='comment-author vcard'>
    <b:if cond='data:comment.favicon'>
    <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
    </b:if>
    <a expr:name='data:comment.anchorName'/>
    <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'><data:commentPostedByMsg/>:</span>
    </div>
    <p>
    <data:comment.body/>
    <span class='interaction-iframe-guide'/>
    </p>
    <div class='comment-meta'><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/>
    </b:if>
    </div>
    </li>
    </ol>
    <b:else/>
    <ol class='commentlist'>
    <li class='comment' id='comment'>
    <div class='comment-body' id='div-comment'>
    <div class='comment-author vcard'>
    <b:if cond='data:comment.favicon'>
    <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
    </b:if>
    <a expr:name='data:comment.anchorName'/>
    <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'><data:commentPostedByMsg/>:</span>
    </div>
    <p>
    <data:comment.body/></p>
    <span class='interaction-iframe-guide'/>
    <div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2755282981621845502&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><span style='color: rgb(255, 0, 0); font-size:14px; font-weight:normal;float:left;padding-right:280px;'><blink>&#187; Balas </blink></span></a>
    <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/>
    </b:if>
    </div>
    </li>
    </ol>
    </b:if>
    </b:loop>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </td><td valign='top'>
    <div style='width:200px;height:auto;padding:5px; float:right;text-align:center;margin-left:20px;border:1px solid #243B0B; background:transparent;'>
    <img border='0' height='600' src='http://3.bp.blogspot.com/-ahhb_xHLhFc/UJhJS2nt6sI/AAAAAAAAFzc/2btyCRFcFRM/s640/Banner.png' width='200'/>br/></div></td></tr></table>
    <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>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <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 allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
    </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>

    • Silahkan Ganti teks yang berwarna Biru dengan script Iklan Kawan atau menghilangkannya
    • Teks yang saya beri warna background Hijau silahkan kawan menyesesuaikan dengan lebar Blog kawan 
    • Ganti teks yang berwarna merah dengan Blog ID kawan
    • Teks yang berwarna Violet, seandainya sudah berisi pada Template kawan ada 4[empat] silahkan hapus yang terakhir :x;
    • Jangan lupa simpan Template kawan

    0 komentar:

    Posting Komentar