-->

Cara Membuat Daftar Isi di Halaman Statis dan Halaman Artikel Posting Blog

Untuk fungsi dari sitemap atau sebuah daftar isi pada blog, Mang Admin yakin tentu sudah pada tau dan tampilan sitemap yang satu ini walaupun kelihatanya sederhana tapi lumayan untuk dilihat, karena sangat simple dan keren sekali.

Cara Membuat Daftar Isi di Halaman Statis dan Halaman Artikel Posting Blog

Berikut ini kode yang dapat di ambil dan pasang di blog.

Cara Membuat Daftar Isi di Halaman Statis Blog

Kopas kode dibawah ini:
<div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>

Cara Pasang Di Blog
  • Masuk ke blogger
    Pilih menu"halaman"
  • Lalu klik "Buat Halaman baru" (mode html bukan kompose)
  • Ketik judul contohnya "Daftar isi"
  • Dibagian konten paste kode di atas.
  • Terahkir klik tinjau/publikasikan.
Selesai.


Cara Membuat Daftar isi di Halaman Artikel Posting Blog


Selain menambahkan daftar isi otomatis pada halaman statis, kita juga dapat membuat daftar isi di dalam artikel postingan blog yang kita kehendaki alasannya ialah hal ini juga dapat dibilang sangat penting, untuk membantu pembaca saat mencari artikel lain yang ada dalam satu halaman artikel postingan blog, terutama pada postingan yang tulisanya banyak.

Cara Membuat Daftar Isi di Halaman Statis dan Halaman Artikel Posting Blog

Jadi, jikalau kebetulan info yang di cari pembaca sedikit, namun artikel yang kita buat panjang, pastinya pengunjung akan sedikit ribet dikarenakan harus membaca semua isi artikel dan repot menggulir gulir kebingungan.

Untuk itu kita dapat menambahkan daftar isi pada halaman artikel postingan untuk memudahkan pengunjung dalam menemukan isi postingan yang di carinya.
Lebih jelasnya silahkan kopas sajah beberapa kode dibawah ini.

Cara Menambahkan Daftar Isi di Laman postingan Blogger

Beberapa kode dibawah ini dapat anda copy dan pasang di halaman artikel postingan, dan yang sering kali di tampilkan biasanya pada halaman awal artikel tepatnya di bawah judul postingan blog.
<h6>Daftar isi</h6>
<ol>
<li><a href="#daftarisi-1">Judul Artikel</a></li>
<li><a href="#daftarisi-2">Judul Artikel</a></li>
<li><a href="#daftarisi-3">Judul Artikel</a></li>
</ol>
Jangan lupa untuk yang dikasih tandai warna merah ganti denga judul artikel yang di inginkan, jikalau diklik nanti pembaca, akan mengarah ke judul artikel yang di sisipkan pada di dibawah ini.
<h2 id="daftarisi-1">Judul Artikel</h2>
<h2 id="daftarisi-2">Judul artikel</h2>
<h2 id="daftarisi-3">Judul Artikel</h2>
Jika ingin menambahkan jumlah daftar isi lebih dari tiga, tinggal kopas sajah mulai dari <li><a href="#daftarisi-3"></a></li>

Cara menyisipkanya sama seperti di atas yang kasih tanda merah.
<ol>
<li><a href="#daftarisi-1"></a></li>
<li><a href="#daftarisi-2"></a></li>
<li><a href="#daftarisi-3"></a></li>
<li><a href="#daftarisi-3"></a></li>
</ol>

Tinggal ubah angka 3 menjadi 4. Begitupun dengan kode seterusnya.

<h2 id="daftarisi-1">Judul artikel</h2>

Demikian untuk mengenai Cara Membuat Daftar Isi di halaman postingan Blogger Praktis dan mudah. Semoga dapat membantu dan bermanfaat, terimakasih

Related Posts

LihatTutupKomentar