Belajar Clone web ke blog Part 2

Sebelumnya di Belajar Clone web ke blog Part 1 saya membahas tentang cara membuat clone template yang masih mentah/masih blom otomatis. sekarang saya akan membuat agar postnya otomatis.. silahkan simak tutorialnya..

1. Tekan CTRL+F Lalu cari " site-content " Lalu scriptnya di persingkat seperti gambar di bawah ini agar mudah untuk di hapusnya..

2. Lalu hapus 8 script post yang saya tandain..
Sengaja saya hanya mengambil 1 post ajh soalny agar tidak ribet untuk mengeditnya.. kalau sudah di hapus silahkan di simpen


3. sekarang kita membutuhkan blog1 post/ untuk membuat postnya bisa jadi otomatis.. Blog1 nya ambil disini coy
Blog 1 Postingan
  <b:section class='main' id='main' showaddelement='no'>
            <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
              <b:includable id='nextprev'>
                <div class='blog-pager' id='blog-pager' >
                  <b:if cond='data:newerPageUrl'>
                    <span id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                        <data:newerPageTitle/>
                      </a>
                    </span>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <span id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                        <data:olderPageTitle/>
                      </a>
                    </span>
                  </b:if>
                  <b:if cond='data:mobileLinkUrl'>
                    <div class='blog-mobile-link'>
                      <a expr:href='data:mobileLinkUrl'>
                        <data:mobileLinkMsg/>
                      </a>
                    </div>
                  </b:if>
                </div>
              </b:includable>
              <b:includable id='shareButtons' var='post'>
                <b:if cond='data:top.showFacebookButton'/>
                <b:if cond='data:top.showDummy'>
                  <div class='goog-inline-block dummy-container'>
                    <data:post.dummyTag/>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='threaded_comment_js' var='post'>
                <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                <script type='text/javascript'>
                  (function() {
                    var items = <data:post.commentJso/>;
                    var msgs = <data:post.commentMsgs/>;
                    var config = <data:post.commentConfig/>;
                    // <![CDATA[
                    var cursor = null;
                    if (items && items.length > 0) {
                      cursor = parseInt(items[items.length - 1].timestamp) + 1;}
                    var bodyFromEntry = function(entry) {
                      if (entry.gd$extendedProperty) {
                        for (var k in entry.gd$extendedProperty) {
                          if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                            return '<span class="deleted-comment">' + entry.content.$t + '</span>';}}}
                      return entry.content.$t;}
                    var parse = function(data) {
                      cursor = null;
                      var comments = [];
                      if (data && data.feed && data.feed.entry) {
                        for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                          var comment = {};
                          // comment ID, parsed out of the original id format
                          var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                          comment.id = id ? id[2] : null;
                          comment.body = bodyFromEntry(entry);
                          comment.timestamp = Date.parse(entry.published.$t) + '';
                          if (entry.author && entry.author.constructor === Array) {
                            var auth = entry.author[0];
                            if (auth) {
                              comment.author = {
                                name: (auth.name ? auth.name.$t : undefined),
                                profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)};}}
                          if (entry.link) {
                            if (entry.link[2]) {
                              comment.link = comment.permalink = entry.link[2].href;}
                            if (entry.link[3]) {
                              var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                              if (pid && pid[1]) {
                                comment.parentId = pid[1];}}}
                          comment.deleteclass = 'item-control blog-admin';
                          if (entry.gd$extendedProperty) {
                            for (var k in entry.gd$extendedProperty) {
                              if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;}}}
                          comments.push(comment);}}
                      return comments;};
                    var paginator = function(callback) {
                      if (hasMore()) {
                        var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                        if (cursor) {
                          url += '&published-min=' + new Date(cursor).toISOString();}
                        window.bloggercomments = function(data) {
                          var parsed = parse(data);
                          cursor = parsed.length < 50 ? null
                          : parseInt(parsed[parsed.length - 1].timestamp) + 1
                          callback(parsed);
                          window.bloggercomments = null;}
                        url += '&callback=bloggercomments';
                        var script = document.createElement('script');
                        script.type = 'text/javascript';
                        script.src = url;
                        document.getElementsByTagName('head')[0].appendChild(script);}};
                    var hasMore = function() {
                      return !!cursor;};
                    var getMeta = function(key, comment) {
                      if ('iswriter' == key) {
                        var matches = !!comment.author
                        && comment.author.name == config.authorName
                        && comment.author.profileUrl == config.authorUrl;
                        return matches ? 'true' : '';
                      } else if ('deletelink' == key) {
                        return config.baseUri + '/delete-comment.g?blogID='
                        + config.blogId + '&postID=' + comment.id;
                      } else if ('deleteclass' == key) {
                        return comment.deleteclass;}
                      return '';};
                    var replybox = null;
                    var replyUrlParts = null;
                    var replyParent = undefined;
                    var onReply = function(commentId, domId) {
                      if (replybox == null) {
                        // lazily cache replybox, and adjust to suit this style:
                        replybox = document.getElementById('comment-editor');
                        if (replybox != null) {
                          replybox.height = '200px';
                          replybox.style.display = 'block';
                          replyUrlParts = replybox.src.split('#');}}
                      if (replybox && (commentId !== replyParent)) {
                        document.getElementById(domId).insertBefore(replybox, null);
                        replybox.src = replyUrlParts[0]
                        + (commentId ? '&parentID=' + commentId : '')
                        + '#' + replyUrlParts[1];
                        replyParent = commentId;}};
                    var hash = (window.location.hash || '#').substring(1);
                    var startThread, targetComment;
                    if (/^comment-form_/.test(hash)) {
                      startThread = hash.substring('comment-form_'.length);
                    } else if (/^c[0-9]+$/.test(hash)) {
                      targetComment = hash.substring(1);}
                    // Configure commenting API:
                    var configJso = {
                      'maxDepth': config.maxThreadDepth};
                    var provider = {
                      'id': config.postId,
                      'data': items,
                      'loadNext': paginator,
                      'hasMore': hasMore,
                      'getMeta': getMeta,
                      'onReply': onReply,
                      'rendered': true,
                      'initComment': targetComment,
                      'initReplyThread': startThread,
                      'config': configJso,
                      'messages': msgs};
                    var render = function() {
                      if (window.goog && window.goog.comments) {
                        var holder = document.getElementById('comment-holder');
                        window.goog.comments.render(holder, provider);}};
                    // render now, or queue to render when library loads:
                    if (window.goog && window.goog.comments) {
                      render();
                    } else {
                      window.goog = window.goog || {};
                      window.goog.comments = window.goog.comments || {};
                      window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                      window.goog.comments.loadQueue.push(render);}})();// ]]>
                </script>
              </b:includable>
              <b:includable id='backlinks' var='post'>
                <a name='links'/>
                <h4>
                  <data:post.backlinksLabel/>
                </h4>
              </b:includable>
              <b:includable id='mobile-main' var='top'>
                <!-- posts -->
                <div class='blog-posts hfeed'>
                  <b:include data='top' name='status-message'/>
                  <b:if cond='data:blog.pageType == &quot;index&quot;'>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-index-post'/>
                    </b:loop>
                    <b:else/>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-post'/>
                    </b:loop>
                  </b:if>
                </div>
                <b:include name='mobile-nextprev'/>
              </b:includable>
              <b:includable id='post' var='post'>
                <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                  <a expr:name='data:post.id'/>
                  <b:if cond='data:post.title'>
                    <h3 class='post-title entry-title' itemprop='name'>
                      <b:if cond='data:post.link'>
                        <a expr:href='data:post.link'>
                          <data:post.title/>
                        </a>
                        <b:else/>
                        <b:if cond='data:post.url'>
                          <b:if cond='data:blog.url != data:post.url'>
                            
                            <b:else/>
                            <data:post.title/>
                          </b:if>
                          <b:else/>
                          <data:post.title/>
                        </b:if>
                      </b:if>
                    </h3>
                  </b:if>
                  <div class='post-header'>
                    <div class='post-header-line-1'/>
                  </div>
                  <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                      <data:post.body/>
                      <b:else/>
                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
                        <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
                         
                        </b:if>
                        <b:else/>
                        <data:post.body/>
                      </b:if>
                    </b:if>
                    <div style='clear: both;'/>
                    <!-- clear for photos floats -->
                    
                  </div>
                </div>
              </b:includable>
              <b:includable id='comment_picker' var='post'>
                <b:if cond='data:post.commentSource == 1'>
                  <b:include data='post' name='iframe_comments'/>
                  <b:else/>
                  <b:if cond='data:post.showThreadedComments'>
                    <b:include data='post' name='threaded_comments'/>
                    <b:else/>
                    <b:include data='post' name='comments'/>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='status-message'>
                <b:if cond='data:navMessage'>
                  <div class='status-msg-wrap'>
                    <div class='status-msg-body'>
                      <data:navMessage/>
                    </div>
                    <div class='status-msg-border'>
                      <div class='status-msg-bg'/>
                    </div>
                  </div>
                  <div style='clear: both;'/>
                </b:if>
              </b:includable>
              <b:includable id='comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <b:else/>
                    <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='' s width='650'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);</script>
                </div>
              </b:includable>
              <b:includable id='threaded_comments' var='post'>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  <center>
                    <div class='cocot'>
                      <a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                        &#9785;|| Click To Post Comments ||&#9785;
                      </a>
                    </div>
                  </center>
                  <div class='comments' id='comments'>
                    <!-- AddThis Button BEGIN -->
                    <div class='share'>
                      <div class='addthis_toolbox addthis_default_style'>
                        <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
                        <a class='addthis_counter addthis_pill_style'/>
                      </div>
                      <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd3f366f7a719' type='text/javascript'/>
                    </div>
                    <!-- AddThis Button END -->
                    <div class='comments-content'>
                      <b:if cond='data:post.embedCommentForm'>
                        <b:include data='post' name='threaded_comment_js'/>
                      </b:if>
                      <div id='comment-holder'>
                        <data:post.commentHtml/>
                      </div>
                    </div>
                    <p class='comment-footer'>
                      <b:if cond='data:post.allowNewComments'>
                        <b:include data='post' name='threaded-comment-form'/>
                        <b:else/>
                        <data:post.noNewCommentsText/>
                      </b:if>
                    </p>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'/>
              <b:includable id='mobile-nextprev'/>
              <b:includable id='mobile-post' var='post'>
                <div class='date-outer'>
                  <div class='date-posts'>
                    <div class='post-outer'>
                      <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-title entry-title' itemprop='name'>
                            <b:if cond='data:post.link'>
                              <a expr:href='data:post.link'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.url'>
                                <b:if cond='data:blog.url != data:post.url'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                            </b:if>
                          </h3>
                        </b:if>
                        <div class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
                        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                          <data:post.body/>
                          <div style='clear: both;'/>
                          <!-- clear for photos floats -->
                        </div>
                      </div>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='threaded_comments'/>
                          <b:else/>
                          <b:include data='post' name='comments'/>
                        </b:if>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='threaded_comments'/>
                          <b:else/>
                          <b:include data='post' name='comments'/>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='postQuickEdit' var='post'/>
              <b:includable id='main' var='top'>
                <b:if cond='data:mobile == &quot;false&quot;'>
                  <!-- posts -->
                  <div class='blog-posts hfeed'>
                    <b:include data='top' name='status-message'/>
                    <data:defaultAdStart/>
                    <b:loop values='data:posts' var='post'>
                      <b:if cond='data:post.isDateStart'>
                        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                        </b:if>
                      </b:if>
                      <b:if cond='data:post.isDateStart'>
                      </b:if>
                      <b:if cond='data:post.dateHeader'>
                        
                      </b:if>
                      <b:if cond='data:post.isDateStart'>
                      </b:if>
                      <div class='post-outer'>
                        <b:include data='post' name='post'/>
                        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='threaded_comments'/>
                            <b:else/>
                            <b:include data='post' name='comments'/>
                          </b:if>
                        </b:if>
                        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='threaded_comments'/>
                            <b:else/>
                            <b:include data='post' name='comments'/>
                          </b:if>
                        </b:if>
                      </div>
                      <b:if cond='data:post.includeAd'>
                        <b:if cond='data:post.isFirstPost'>
                          <data:defaultAdEnd/>
                          <b:else/>
                          <data:adEnd/>
                        </b:if>
                        <div class='inline-ad'>
                          <data:adCode/>
                        </div>
                        <data:adStart/>
                      </b:if>
                    </b:loop>
                    <b:if cond='data:numPosts != 0'>
                    </b:if>
                    <data:adEnd/>
                  </div>
                  <!-- navigation -->
                  <b:include name='nextprev'/>
                  <!-- feed links -->
                  <b:include name='feedLinks'/>
                  <b:if cond='data:top.showStars'>
                    <script src='//www.google.com/jsapi' type='text/javascript'/>
                    <script type='text/javascript'>
                      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                      function initialize() {
                        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                        google.annotations.createAll();
                        google.annotations.fetch();
                      }
                      google.setOnLoadCallback(initialize);
                    </script>
                  </b:if>
                  <b:else/>
                  <b:include name='mobile-main'/>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <data:top.dummyBootstrap/>
                </b:if>
              </b:includable>
              <b:includable id='commentDeleteIcon' var='comment'/>
              <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:else/>
                </b:if>
              </b:includable>
              <b:includable id='threaded-comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <b:else/>
                    <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='400' id='comment-editor' name='comment-editor' src=''  width='97%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                  </script>
                </div>
              </b:includable>
              <b:includable id='mobile-index-post' var='post'>
                <div class='mobile-date-outer date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </div>
                  </b:if>
                  <div class='mobile-post-outer'>
                    <a expr:href='data:post.url'>
                      <h3 class='mobile-index-title entry-title' itemprop='name'>
                        <data:post.title/>
                      </h3>
                      <div class='mobile-index-arrow'>
                        &amp;rsaquo;
                      </div>
                      <div class='mobile-index-contents'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <div class='mobile-index-thumbnail'>
                            <div class='Image'>
                              <img expr:src='data:post.thumbnailUrl'/>
                            </div>
                          </div>
                        </b:if>
                        <div class='post-body'>
                          <b:if cond='data:post.snippet'>
                            <data:post.snippet/>
                          </b:if>
                        </div>
                      </div>
                      <div style='clear: both;'/>
                    </a>
                    <div class='mobile-index-comment'>
                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                        <b:if cond='data:post.allowComments'>
                          <b:if cond='data:post.numComments != 0'>
                            <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>
                          </b:if>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='iframe_comments' var='post'>
                <b:if cond='data:post.allowComments'>
                  <script expr:src='data:post.commentSrc' type='text/javascript'/>
                  <div class='cmt_iframe_holder'/>
                  <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
                    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                      data:postCommentMsg/&gt;
                    </a>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='feedLinksBody' var='links'/>
              <b:includable id='comments' var='post'>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  
                  <div class='comments' id='comments'>
                    <b:if cond='data:post.allowComments'>
                      <b:if cond='data:post.commentPagingRequired'>
                        <span class='paging-control-container'>
                          <b:if cond='data:post.hasOlderLinks'>
                            <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;
                          </b:if>
                          <data:post.commentRangeText/>
                          <b:if cond='data:post.hasNewerLinks'>
                            &#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>
                          </b:if>
                        </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 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>
                              <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'/>
                            <dd class='comment-footer'>
                              <span class='comment-timestamp'>
                                <a expr:href='data:comment.url' title='comment permalink'>
                                  <data:comment.timestamp/>
                                </a>
                              </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>
                          &#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>
                  </div>
                </b:if>
              </b:includable>
            </b:widget>
          </b:section>
4. copy semua Script yang saya tandain lalu pastekan ke dalam notepad jika sudah lalu hapus scriptnya di edit html dari < main class='site-main' id='main' role='main' > ...sampai.... < /div >
5. ambil Script blog 1 yang saya sediakan lalu copy dan pastekan di bawah  < div class='content-area cslayout' id='primary' >  dan klik format template agar mudah di edit..

6. Lalu ubh class='main' menjadi class='site-main' seperti gambar di bawah ini
7. jika sudah simpen templatenya..

Sekian dari saya terima kasih telah membaca artikel saya..
Salam Blogger.. jika ingin bertanya silahkan bertanya di komentar.. :)

Part 3 Akitf Silahkan Klik disini
DELOGIN ZONE