-->

Situs Multi Pengetahuan Meliputi Pendidikan, Informasi Teknologi, Tutorial, Serta Pengetahuan Penting Lainya

Cara Membuat Sitemap/Daftar Isi Keren Diblog

Apa itu sitemap? sitemap ini adalah peta situs kurang lebih nya seperti itu coba saja anda artikan sendiri. Mungkin sebagian blogger-blogger yang sudah lama pastinya sudah memasang yang namanya Sitemap atau peta situs untuk blog/websitenya, Gunanya apasih Sitemap/petasitus ini? Mungkin banyak juga yang sudah tahu kegunaan dari Sitemap ini, kegunaannya adalah untuk memudahkan pengunjung mencari artikel yang sedang dicarinya, karena di sitemap ini semua artikel diblog kita ada disitu.

Lalu, bagaimana cara memasang sitemap ? cara memasang sitemap ini tidak begitu sulit, kali ini saya akan share tentang cara memasang sitemap untuk blogspot. Bagi anda yang ingin mempraktekkannya silahkan ikuti tutorial blogger saya kali ini.

Sitemap Keren Untuk Blogger

1. Yang pertama adalah sitemap yang menurut saya yang paling keren ini yang sedang saya pakai ini, karena sitemap ini sangat responsive, sitemap nya dapat mengikuti ukuran blog kita, dengan tampilannya yang keren banyak juga orang yang menyukai sitemap/daftar isi ini. Lihat Contohnya pada gambar dibawah ini.
Cara Membuat Sitemap keren

Untuk cara pemasangannya ( Cukup mudah sekali) pertama silahkan anda loggin ke akun blogger masing masing ok!




  • Pilih laman
  • Setelah itu Laman baru
  • Nanti akan ada muncul seperti anda ingin membuat postingan tetapi ini berbeda, silahkan Pilih HTML bukan Compose
    1. Untuk kode nya silahkan anda Copy paste kode dibawah ini.
      <div dir="ltr" style="text-align: left;" trbidi="on">
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
      <link href="http://dte-project.googlecode.com/svn/trunk/accordion-toc-skin.css" rel="stylesheet"></link>
      <br />
      <div class="table-of-content" id="table-of-content">
      <span class="loading">Memuat...</span></div>
      <div class="credit-link">
      <a href="http://www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">▶ Accordion TOC</a></div>
      <script>
      var toc_config = {
          url: 'http://multiajaib.blogspot.com/',
          containerId: 'table-of-content',
          showNew: 10,
          newText: ' - <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="http://dte-project.googlecode.com/svn/trunk/accordion-toc-1.js"></script></div>
      Ganti Tulisan yang berwarna kuning tersebut dengan URL blog anda.

      Untuk melihat bagaimana bentuk sitemap atau daftar isi keren ini anda bisa melihatnya diblog ini - Daftar isi keren . Mungkin itu saja cara membuat daftar isi kali ini, semoga bisa membantu anda yang sedang mencari-cari cara membuat daftar isi pada blog. Kalo ada yang kurang saya mohon maaf bro!

      Previous
      Next Post »

      9 komentar

      Uda Awak delete July 20, 2014 at 11:35 AM

      Wah, sepertinya memang bagus mas Munawir...Oleh sebab itu izin dicoba di blog saya ya mas? Terima kasih sebelumnya...

      Munawir Alfikri delete July 20, 2014 at 12:03 PM

      Silahkan di coba mas Daftar Isi Keren nya :)

      Bryan Kirana Gaston delete July 21, 2014 at 10:27 AM

      Emang Keren Gan..
      :d

      Munawir Alfikri delete July 21, 2014 at 10:29 AM

      Hehehe :-d

      PerawatanWajah.co.id delete November 27, 2014 at 3:06 PM

      Mantab gan infonya, akan saya coba langsung di blog saya perawatanwajah.co.id

      Ali Mahmudi delete January 23, 2015 at 9:03 PM

      keren, mas. makasih.
      injenuitas.blogspot.com
      maqalah2.blogspot.com

      bima alfi affandi delete March 10, 2015 at 2:50 AM

      gan kalo bikinnya cuman label tertentu aja gimana?

      Rahman Maulana delete March 15, 2015 at 7:49 PM

      ijin pasang di blog saya mas..

      Belajar Program delete August 19, 2015 at 1:03 PM

      Keren nih...

      Apa tanggapan anda tentang artikel diatas?

       

      Contact Form

      Name

      Email *

      Message *