Blogger Jateng
Home / Blogging

Membuat Sitemap dengan Menu Accordion di Blogger

Post a Comment

 

Membuat Sitemap dengan Menu Accordion di Blogger
sitemap menu accordion blogger


Sitemap/ daftar isi sangat penting untuk sebuah blog. Sitemap memudahkan pengunjung blog untuk mengeksplorasi isi postingan suatu blog. Fungsi lain sitemap adalah memudahkan navigasi bot mesin pencari dalam melakukan perayapan website sehingga traffic atau ranking situs akan terus meningkat. 

Menu accordion adalah sebuah menu yang terdiri dari beberapa elemen di dalamnya. Elemen akan muncul apabila menu tersebut di klik atau disorot. Label atau kategori postingan disini yaitu menu accordion. Sedangkan, elemen yang dimaksud disini yaitu postingan-postingan blog. 

Sama halnya dengan sitemap/ daftar isi yang pernah dibahas di artikel sebelumnya, 

  1. 3 Model Tampilan Peta Situs/ Sitemap untuk Halaman Blogger
  2. Cara Membuat Sitemap HTML Cantik di Blogger
  3. Cara Menambahkkan Peta Situs/ Sitemap Animasi Responsif di Blogger
Pada 3 (tiga) artikel sebelumnya juga membahas mengenai cara membuat sitemap/ daftar isi pada halaman blog dengan berbagai macam model tampilan sitemap. Pada kesempatan kali ini akan dibahas mengenai model sitemap menu accordion. 

Berikut script code yang bisa anda tempelkan pada halaman sitemap blog anda. Silahkan ganti https://infinityarch8.blogspot.com/ dengan URL blog anda. 

Terimakasih. 

 Semoga bermanfaat 😊

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.rawgit.com/harmansyah/harmansh-css/6af1f95a/accordion-yellow-skin.css"/>

<div id="table-of-content" class="table-of-content"><span class="loading">Memuat...</span></div>

<div class="credit-link"><a href="#" title="Accordion TOC by Harmansyah">&#9654; Accordion TOC</a></div>

<script>

var toc_config = {

    url: 'https://infinityarch8.blogspot.com/',

    containerId: 'table-of-content',

    showNew: 10,

    newText: ' &ndash; <strong style="font-weight:bold;font-style:italic;color:blue;">Baru!</strong>',

    sortAlphabetically: {

        thePanel: true,

        theList: true

    },

    maxResults: 9999,

    activePanel: 1,

    slideSpeed: {

        down: 400,

        up: 400

    },

    slideEasing: {

        down: null,

        up: null

    },

    slideCallback: {

        down: function() {},

        up: function() {}

    },

    clickCallback: function() {},

    jsonCallback: '_toc',

    delayLoading: 0

};

</script>

<script src="https://cdn.rawgit.com/harmansyah/harmansh-css/6af1f95a/accordion.js"></script>


sumber: 

https://harmansh.blogspot.com/2018/03/membuat-daftar-isi-dengan-menu-accordion.html

Post a Comment for "Membuat Sitemap dengan Menu Accordion di Blogger"