Setelan Widget/Gadget Arsip Blog Pada Kodeksidipo (Lanjutan)

Widget/gadget Arsip Blog itu berfungsi untuk mempermudah pengunjung mengakses blog dengan link ke postingan lama.

Struktur Awal Setelan Widget/Gadget Blogger Arsip Blog

<b:widget id='BlogArchive1' locked='false' title='ArsipBlog' type='BlogArchive' visible='true'>
    <b:widget-settings>
        <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
        <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
        <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
        <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
        <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
        <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
        <b:widget-setting name='chronological'>false</b:widget-setting>
        <b:widget-setting name='showPosts'>true</b:widget-setting>
        <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
        <b:include name='widget-title'/>
        <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
        <div class='widget-content'>
            <div id='ArchiveList'>
                <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
                    <b:include cond='data:this.style == &quot;HIERARCHY&quot;' name='hierarchy'/>
                    <b:include cond='data:this.style in {&quot;FLAT&quot;, &quot;MENU&quot;}' name='flat'/>
                </div>
            </div>
        </div>
    </b:includable>
    <b:includable id='flat'>
        <ul class='flat'>
            <b:loop values='data:data' var='i'>
                <li class='archivedate'>
                    <a expr:href='data:i.url'>
                        <data:i.name/><span class='post-count'><data:i.post-count/></span>
                    </a>
                </li>
            </b:loop>
        </ul>
    </b:includable>
    <b:includable id='hierarchy'>
        <b:include data='data' name='interval'/>
    </b:includable>
    <b:includable id='interval' var='intervals'>
        <ul class='hierarchy'>
            <b:loop values='data:intervals' var='interval'>
                <li class='archivedate'>
                    <div class='hierarchy-title'>
                        <a class='post-count-link' expr:href='data:interval.url'>
                            <data:interval.name/>
                            <span class='post-count'><data:interval.post-count/></span>
                        </a>
                    </div>
                    <div class='hierarchy-content'>
                        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
                        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
                    </div>
                </li>
            </b:loop>
        </ul>
    </b:includable>
    <b:includable id='posts' var='posts'>
        <ul class='posts hierarchy'>
            <b:loop values='data:posts' var='post'>
                <li>
                    <a expr:href='data:post.url'><data:post.title/></a>
                </li>
            </b:loop>
        </ul>
    </b:includable>
</b:widget>

Perubahan Struktur Setelan Widget/Gadget Blogger Arsip Blog

Berhubung Saya maunya widget/gadget arsip blog ini masuk ke dalam widget/gadget blog maka Saya melakukan perubahan dengan memasukkan blok-blok <b:includable> pendukung milik BlogArchive ke dalam <b:widget id='Blog1'>.

<!-- Includable Utama Arsip (Digabungkan ke Blog1) -->
<b:includable id='archive-content'>
  <div class='widget-content blog-archive-content'>
    <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + "_ArchiveList"'>
        <!-- Menampilkan format hierarki/flat -->
        <b:include cond='data:this.style == "HIERARCHY"' name='archive-hierarchy'/>
        <b:include cond='data:this.style in {"FLAT", "MENU"}' name='archive-flat'/>
      </div>
    </div>
  </div>
</b:includable>

<!-- Includable Flat -->
<b:includable id='archive-flat'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'>
          <data:i.name/><span class='post-count'><data:i.post-count/></span>
        </a>
      </li>
    </b:loop>
  </ul>
</b:includable>

<!-- Includable Hierarchy -->
<b:includable id='archive-hierarchy'>
  <b:include data='data' name='archive-interval'/>
</b:includable>

<!-- Includable Interval -->
<b:includable id='archive-interval' var='intervals'>
  <ul class='hierarchy'>
    <b:loop values='data:intervals' var='interval'>
      <li class='archivedate'>
        <div class='hierarchy-title'>
          <a class='post-count-link' expr:href='data:interval.url'>
            <data:interval.name/>
            <span class='post-count'><data:interval.post-count/></span>
          </a>
        </div>
        <div class='hierarchy-content'>
          <b:include cond='data:interval.data' data='interval.data' name='archive-interval'/>
          <b:include cond='data:interval.posts' data='interval.posts' name='archive-posts'/>
        </div>
      </li>
    </b:loop>
  </ul>
</b:includable>

<!-- Includable Posts List -->
<b:includable id='archive-posts' var='posts'>
  <ul class='posts hierarchy'>
    <b:loop values='data:posts' var='post'>
      <li>
        <a expr:href='data:post.url'><data:post.title/></a>
      </li>
    </b:loop>
  </ul>
</b:includable>

Setelah itu menampilkannya pada halaman khusus.

<b:if cond='data:view.url == &quot;https://kodeksidipo.blogspot.com/p/arsip-blog.html&quot;'>
<style>.post-data.btn, .kod3ks1d1p0-post-body-bottom, .kod3ks1d1p0-post-body-subbottom, .post-pager-postingan, .post-pager-alas {display: none!important;}</style>
<b:include name='archive-content'/>
<script>//<![CDATA[
document.addEventListener("DOMContentLoaded",function(){var e=document.getElementById("ArchiveList");if(e){var t=[];!function n(r){fetch("/feeds/posts/summary?alt=json&max-results=500&start-index="+r).then(function(e){return e.json()}).then(function(c){var o=c.feed.entry||[];if(t=t.concat(o),o.length===500)n(r+500);else{t.reverse();var a='<ul class="flat">';t.forEach(function(e){var t=e.title.$t,n="";e.link&&e.link.forEach(function(e){"alternate"===e.rel&&(n=e.href)}),a+='<li class="archivedate"><a href="'+n+'">'+t+"</a></li>"}),a+="</ul>",e.innerHTML=a}})}(1)}});
//]]></script>
</b:if>