Cara Membuat Site Map/Daftar Isi - Model Terbaru 2013

Cara Membuat Site Map/Daftar Isi - Model Terbaru 2013 >
Assalamualaikum Wr. Wb.

Disetiap Blog harus diusahakan untuk memiliki Site Map atau Daftar Isi, Apalagi jika postingan di Blog tersebut sudah banyak. Visitor Bisa Bingung tuh kalo begitu :)

DEMO1 | Kurang Jelas ?? Atau Lebih Jelasnya coba | DEMO2

Sudah Lihat kan..?
Dan untuk cara pembuatannya bisa dilihat di Tutorial dibawah ini :

• Login ke Akun Blogger Sobat
• Pilih Menu Laman lalu pilih Laman Baru lalu Laman Kosong
  
  
  
• Setelah itu Sobat akan melihat halaman kosong lalu klik HTML
  
  
  
• Salin atau Copas kode dibawah ini ke halaman kosong itu  :
  
  

  <link rel="stylesheet" href="http://reader-download.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
  <div id="tabbed-toc"><span class="loading">Memuat...</span></div>
  <a style="display:block;text-align:right;font:normal bold 8px Arial,Sans-Serif;text-decoration:none;margin:10px;" href="http://esbepe-sbp.blogspot.com/2013/06/cara-membuat-site-map-atau-daftar-isi-model-terbaru-2013.html" title="Tabbed TOC">SBP :]</a>
  <script type="text/javascript">
  var tabbedTOC = {
      blogUrl: "http://esbepe-sbp.blogspot.com", // Blog URL
      containerId: "tabbed-toc", // Container ID
      activeTab: 1, // The default active tab index (default: the first tab)
      showDates: false, // `true` to show the post date
      showSummaries: false, // `true` to show the posts summaries
      numChars: 200, // Number of summary chars
      showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
      thumbSize: 40, // Thumbnail size
      noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
      monthNames: [ // Array of month names
          "Januari",
          "Februari",
          "Maret",
          "April",
          "Mei",
          "Juni",
          "Juli",
          "Agustus",
          "September",
          "Oktober",
          "November",
          "Desember"
      ],
      newTabLink: true, // Open link in new window?
      maxResults: 99999, // Maximum post results
      preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
      sortAlphabetically: true, // `false` to sort posts by published date
      showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
      newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
  };
  </script>
  <script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/tabbed-toc.js"></script>

  
  Perhatian kode yang saya beri warna Merah : Diganti dengan URL/Alamat Blog Sobat.
• Sebelum disimpan layaknya sobat harus melihat pengaturan lanjutan dibawah ini* :
  
  
  • blogUrl : Ganti dengan alamat blog Anda. 
  • activeTab : Nilai 1 akan membuat tab di urutan pertama menjadi aktif, konten tab pertama akan terbuka saat pertama kali halaman diakses. 
  • showDates : Nilainya true untuk menampilkan waktu terbit postingan. 
  • showSummaries : Nilainya true untuk menampilkan ringkasan posting. 
  • showThumbnails : Nilainya true untuk menampilkan thumbnail (tidak direkomendasikan karena akan membuat halaman lama termuat). 
  • thumbSize : Untuk menentukan ukuran thumbnail. 
  • noThumb : URL gambar cadangan untuk posting yang tidak memiliki gambar di dalamnya.  
  • monthNames : Menentukan nama-nama bulan sesuai dengan sistem penanggalan di negara Asal. 
  • newTabLink : Nilainya true, semua tautan akan membuka di tab/jendela baru saat diklik. 
  • maxResults : Jumlah maksimal posting yang akan ditampilkan.
  •  preload : Digunakan untuk menentukan waktu penundaan pemuatan JSON. Gunakan satuan milidetik atau cukup tuliskan "onload" agar widget ini memuat setelah keseluruhan halaman telah selesai termuat. 
  • sortAlphabetically : Nilai false untuk menyortir posting secara normal berdasarkan bulan terbit, true untuk menyortir posting berdasarkan alfabet. 
  • showNew : Nilai false untuk menyembunyikan label New! pada artikel baru. Ganti dengan angka untuk menentukan berapa banyak posting terbaru yang ingin ditandai dengan label New!. 
  • newText : Markup HTML bebas untuk membuat label pada posting-posting terbaru (misalnya New! atau Terbaru!).
   
• Setelah dirasa semua sudah cukup, Bisa disimpan dengan cara Klik menu Publikasikan

Untuk menampilkan SiteMap/Daftar isi ini bisa dicopy dulu alamat dari Laman yang tadi sobat buat, dan salin di Kode Html menubar.
Sekian, semoga bermanfaat. Dan, apa bila kurang jelas bisa menghubungi lewat komentar
Terima Kasih

Wassalamualaikum Wr. Wb.

DEMO X(Close)

Cara Membuat Site Map/Daftar Isi - Model Terbaru 2013

Ditulis oleh Unknown, Monday, June 24, 2013 - Rating: 4.5

Terimakasih telah membaca artikel Cara Membuat Site Map/Daftar Isi - Model Terbaru 2013. Dan bila sobat ingin membantu saya, sobat bisa mengeklik salah satu iklan diatas ^_^. Sobat bisa bookmark halaman ini dengan URL http://esbepe-sbp.blogspot.com/2013/06/cara-membuat-site-map-atau-daftar-isi-model-terbaru-2013.html. Jika ingin copy paste artikel ini, jangan lupa untuk mencantumkan link sumber. <a href="http://esbepe-sbp.blogspot.com/2013/06/cara-membuat-site-map-atau-daftar-isi-model-terbaru-2013.html" target="_blank">Cara Membuat Site Map/Daftar Isi - Model Terbaru 2013</a>

Bagikan ke

Facebook Google+ Twitter