Cara Membuat Halaman Arsip atau Daftar Isi di Blogger 2023

Halaman arsip merupakan halaman yang berisi internal link dari keseluruhan artikel yang ada dalam sebuah website. Hampir sama dengan halaman sitemap atau daftar isi.

Sedikit membedakannya yaitu halaman sitemap berisi kumpulan artikel berdasarkan kategori atau label sedangkan halaman arsip disusun berdasarkan tahun bulan dan tanggal.

Fungsi dari halaman arsip yaitu untuk memudahkan pengunjung membuka setiap artikel yang ada dalam website berdasarkan tahun, bulan dan tanggal berapa artikel di tulis. Lalu bagaimana cara membuat halaman arsipp di blogger?

Cara Membuat Halaman Arsip di Blogger 2023

Jika kita menggunakan platform blogging seperti wordpress mudah untuk membuat halaman arsip karena hanya dengan memanfaatkan shorcut kode. Sedangkan di Blogger kita harus membuatnya manual.

Nah dipostingan kali ini kita akan membahas bagaimana membuat halaman arsip di blogger. Jika kamu tertarik menerapkannya, berikut ini panduan langkah demi langkahnya.

Apakah Halaman Arsip Blog Penting?

Jawabannya tergantung kebutuhan, tetapi secara umum kebanyakan blog akan menampilan halaman arsip atau daftar isi agar memudahkan pengunjung menjelajahi setiap artikel yang ada dalam sebuah website. Contohnya kamu bisa melihat halaman arsip inputekno.

Langkah Membuat Halaman Arsip Blogger

• Langkah #1 : Buka Dashbor Blogger kamu
• Langkah #2 : Lalu Buat Halaman Baru dengan Cara Klik Halaman > Tambah Halaman
• Langkah #3 : Beri nama Arsip untuk halaman tersebut
• Langkah #4 : Salin dan Paste kode berikut di Mode HTML halaman

<script type="text/javascript">
function LoadTheArchive(TotalFeed) 
{
    var PostTitles = new Array();
    var PostURLs = new Array();
    var PostYears = new Array();
    var PostMonths = new Array();
    var PostDays = new Array();
    if("entry" in TotalFeed.feed) 
    {
 var PostEntries=TotalFeed.feed.entry.length;
 for(var PostNum=0; PostNum < PostEntries; PostNum++) 
 {
     var ThisPost = TotalFeed.feed.entry[PostNum];
     PostTitles.push(ThisPost.title.$t);
     PostYears.push(ThisPost.published.$t.substring(0,4));
     PostMonths.push(ThisPost.published.$t.substring(5,7));
     PostDays.push(ThisPost.published.$t.substring(8,10));
     var ThisPostURL;
     for(var LinkNum=0; LinkNum < ThisPost.link.length; LinkNum++) 
     {
  if(ThisPost.link[LinkNum].rel == "alternate") 
  {
      ThisPostURL = ThisPost.link[LinkNum].href;
      break
  }
     }
     PostURLs.push(ThisPostURL);
 }
    }
    DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays);
}

function DisplaytheTOC(PostTitles,PostURLs,PostYears,PostMonths,PostDays)
{
    var MonthNames=["January","February","March","April","May","June","July","August","September","October","November","December"];
    var NumberOfEntries=PostTitles.length;

    var currentMonth = "";
    var currentYear = "";

    for(var EntryNum = 0; EntryNum < NumberOfEntries; EntryNum++)
    {
 NameOfMonth = MonthNames[parseInt(PostMonths[EntryNum],10)-1]

 if (currentMonth != NameOfMonth || currentYear != PostYears[EntryNum]) {
  currentMonth = NameOfMonth;
  currentYear = PostYears[EntryNum];

  document.write("<br><div class='dateStyle'>" + currentMonth + " " + currentYear + "</div>");
 }
var parsed_day = parseInt(PostDays[EntryNum],10) > 9 ? "" + parseInt(PostDays[EntryNum],10): "0" + parseInt(PostDays[EntryNum],10);
  document.write("<div class='dayStyle'>" + parsed_day + ":&nbsp;&nbsp;</div><a href='" + PostURLs[EntryNum] + "'>" + PostTitles[EntryNum] + "</a><br>");
    }
}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=150&amp;start-index=1&amp;callback=LoadTheArchive" type="text/javascript">
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=150&amp;start-index=151&amp;callback=LoadTheArchive" type="text/javascript">
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=150&amp;start-index=301&amp;callback=LoadTheArchive" type="text/javascript">
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=150&amp;start-index=451&amp;callback=LoadTheArchive" type="text/javascript">
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=150&amp;start-index=601&amp;callback=LoadTheArchive" type="text/javascript">
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=150&amp;start-index=851&amp;callback=LoadTheArchive" type="text/javascript">
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=150&amp;start-index=1001&amp;callback=LoadTheArchive" type="text/javascript">
</script>
<!--CUSTOMIZATION-->
<style type="text/css">
.dateStyle {
     color:#000;
     font-weight:bold;
     font-size: 15px;
     font-family: Arial, sans-serif;
     margin: 0;
}

.dayStyle {
     color:#000;
     font-weight:bold;
     font-family: Arial, sans-serif;
     display: inline-block;
}
.post-header{display:none;}
</style>


• Langkah #5 : Terakhir beri deskrip dan Publish

Sampai disini kamu sudah berhasil membuat halaman arsip di blogger untuk website kamu, sekarang kamu hanya ditanggal meletakan halaman tersebut di menu navigasi blog kamu agar pengunjung mudah untuk mengaksesnya.

Cara Membuat Tabel Menggunakan jQuery DataTables - InpuTekno

Cara membuat tabel dinamis menggunakan plug-in jQuery DataTables mulai dari menginstal dan menampilkan dataTables responsive.

www.inputekno.com

Penutup

Nah itu tadi Cara Membuat Halaman Arsip atau Daftar Isi di Blogger 2021 Cukup mudah bukan? Jika artikel ini bermanfaat bisa kamu share dan rekomendasikan ke teman-teman yang membutuhkan, jika ada kendala kamu bisa bertanya melalui kolom komentar.