Cara Buat Sitemap Responsive



Pada kesempatan kali ini saya ingin memberikan cara bagaimana membuat daftar isi atau sitemap berdasarkan label secara otomatis, jadi bisa dibilang saat mengunjungi daftar isinya daftarnya berbentuk label dan akan ada postingan-postingan blog dengan label yang sesuai.

Sebelumnya kita bahas tentang sitemap terlebih dahulu, sitemap atau daftar isi sangat berguna untuk pengunjung blog kita supaya bisa memudahkan dalam mencari artikel yang ingin mereka kunjungi, ada banyak sekali cara membuat sitemap yang bisa kamu temui jika search di google tetapi widget ini telah dimodifikasi dengan fitur responsive untuk pengguna mobile pastinya, dan juga fitur yang akan memberitahukan jika postingan yang ada pada daftar isi ini adalah postingan terbaru, sitemap juga berfungsi untuk membuat blog kita mendapatkan kesempatan untuk berhasil dalam mendaftar adsense karna biasanya google akan mellihat kelengkapan blog kita seperti About, Contact Form, Disclaimer dan masih banyak lagi.

Untuk itu jika kamu ingin memasangnya kamu bisa ikuti langkah-langkah dibawah ini.

1. Masuk ke Blogger > Laman kemudian kamu buat laman baru atau kamu bisa edit yang lama.
2. Jangan lupa untuk memberikan nama laman seperti "Daftar Isi" atau bisa juga "Sitemap"
3. Lalu klik HTML dan ganti semua kode dilaman tersebut dengan kode dibawah ini.
 <link rel="stylesheet" href="https://rawgit.com/bungfrangki/sitemap/master/accordion-toc-skin.css"/>
<div id="table-of-content" class="table-of-content">
<span class="loading">Memuat...</span></div>
<div class="credit-link">
<a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">&#9654; Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://www.anitrex.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' &ndash; <strong style="font-weight:bold;font-style:italic;color:red;">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://rawgit.com/bungfrangki/sitemap/master/accordion-toc-1.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
4. Dan langkah terakhir Publikasikan atau Perbarui, dan jangan lupa cek lamannya.
Ganti url www.anitrex.com yang berwarna biru di kode menjadi url blog atau website kamu.
Sekian tutorial cara membuat sitemap atau daftar isi yang responsive dan juga keren semoga bermanfaat dan jangan lupa tinggalkan jejak anda dikolom komentar dan follow blog ini supaya update terus. Sekian dan terimakasih.

credit: http://www.bungfrangki.com/2015/09/cara-membuat-sitemap-daftar-isi-keren.html

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel