Cara Membuat daftar Isi di Blog dengan kode HTML

Cara membuat Daftar Isi di Blog – Ada banyak cara untuk melakukan optimasi blog, salah satunya yaitu dengan membuat daftar isi pada blog. Salah satu cara agar blog kita semakin SEO yaitu membuat daftar isi di blog. Cara ini disebut juga optimasi yang bersifat On-page.

Fungsi dari daftar isi ini yaitu untuk memudahkan pengunjung menelusuri semua isi yang ada pada blog dengan mudah. Selain itu sitemap juga akan terbaca oleh spider search, sehingga peluang untuk mendapatkan banyak pengunjung terbuka lebar.

Cara membuat daftar isi di Blog sebenarnya cukup beragam. Jika anda menggunakan blog berplatfom blogspot, sebagian besar daftar isi blog di buat dengan cara menambahkan kode javascript. Membuat daftar isi di blog menggunakan javascript memang lebih mudah di bandingkan dengan cara lainya.

Jika anda menggunakan blog berplatfom wordpress, maka anda cukup menggunakan plugin untuk membuat sebuah daftar isi di blog. Akan tetapi yang akan saya bahas kali ini yaitu cara membuat daftar isi pada blog dengan platfom blogger.

Berikut hasil daftar isi yang berhasil saya terapkan di blog Punakawanku.com silahkan klik DEMO

Jika anda tertarik dengan cara membuat daftar isi di blog seperti punya saya, siahkan ikuti langkah-langkah berikut :

- Silahkan masuk ke blogger.com
- Masuk ke dashboard blog
- Pilih Laman atau Page
- Silahkan pilih HTML dan copy kode di bawah ini ke mode HTML

Silahkan ganti URL warna merah dengan URL blog anda. Beri judul laman Sitemap atau Daftar isi

Setelah selesai klik Publikasikan.

Sampai sini halaman daftar isi sudah berhasil di buat. Untuk langkah selanjutnya yaitu meletakkan Laman Daftar isi pada Menu atau Footer. Agar Daftar isi mudah di lihat pengunjung, saran saya letakkan saja di Menu Navigasi.

Cara meletakkan laman daftar isi pada menu navigasi yaitu :

Silahkan Masuk ke dashboard blog.
Pilih Template
Kemudian edit HTML
Tekan Control+F untuk menemukan menu navigasi anda, kemudian masukkan salah satu nama menu navigasi, misal menu1, maka akan muncul seperti gambar ;

Cara Membuat daftar Isi di Blog dengan kode HTML

Silahkan ganti menu2 yang saya coret kuning dengan nama Sitemap, kemudian hapus tanda # dan gannti dengan alamat URL dari Page/Laman Daftar isi yang sudah kita buat.

Setelah selesai klik simpan dan lihat hasilnya. Daftar isi blog berhasil di buat.

Sekian tutorial cara membuat daftar isi blog, membuat daftar isi blog dengan mudah, cara membuat sitemap html, kode javascript untuk membuat daftar isi di blog, membuat sitemap SEO frienly di blog.

Semoga artikel ini sangat membantu buat agan-agan yang masih newbie seperti saya, Jangan lupa tinggalkan komentar untuk masukan saya.

Terimakasih buat mas Umraici yang sudah berbagi kode daftar isi pada blog.

Rekomendasi:

Kompres PDF - Mudah mengurangi Ukuran File PDF Online Gratis Kompres PDF - Sekarang orang beralih ke dokumen format pdf. Ada pengusaha, administrator situs web, penulis konten, dan mahasiswa. Semua jenis penulis ini lebih menyukai file pdf untuk transaksi data…
Cara Mengatur Jumlah Postingan di Halaman… Cara Mengatur Jumlah Postingan di Halaman Depan - Artikel ini sengaja saya buat karena banyak teman-teman blogger yang tanya melalui whatsapp, Bagaimaa cara mengatur jumlah postingan di Hompage. Bagi yang sudah…
Penyebab Loading Blog Sangat Lambat Penyebab Loading Blog Sangat Lambat - Salah satu cara untuk meningkatkan kenyamanan pengguna adalah dengan loading blog yang cepat. Pengguna sangat merasa nyaman dengan kecepatan loading blog, saya pribadi jika ingin…
Cara Menampilkan Iklan Ditengah Artikel 100% Tayang Cara Menampilkan Iklan Ditengah Artikel - Ada banyak cara dalam meningkatkan penghasilan dari adsense, salah satunnya adalah penempatan iklan. Letak penempatan iklan di blog sangat berpengaruh besar terhadap pendapatan anda. Cara…
Rindu Nulis Saat Menunggu Approve Google Adsense Rindu Nulis - Google adsense oh google adsense, kapan kau beri keputusan?... Bagi teman-teman blogger, google adsense merupakan sesuatu yang didambakan agar blog yang dikelola bisa menghasilkan uang. Sehingga bukan…
8 Niche Blog Yang Selalu Ramai Pengunjung Sebelum mulai membuat blog baru di blogspot, Anda harus menentukan dahulu niche atau topik apa yang akan dipilih untuk blog Anda nantinya. Hal ini perlu agar nantinya blog Anda bisa…
Script Anti Adblock UC Browser Otomatis Redirect ke Chrome Script Anti Adblock UC Browser - Bagi seorang publisher adsense, hal yang sangat dibenci adalah penggunaan adblock pada browser yang digunakan pengunjung. Browser yang memiliki pengguna cukup banyak dan memasang…
Cara mendaftar dan Verifikasi Blog ke Google Webmaster Tool Cara mendaftar dan Verifikasi Blog ke Google Webmaster Tool - Salam salam salam:), jumpa lagi dengan artikel lama tapi baru. Mungkin sudah banyak di bahas oleh para master blogger tentang Cara…
Cara Cek Posisi Artikel Blog di Google Menggunakan… Cara Cek Posisi Artikel Blog di Google - Memiliki artikel yang berkualitas dan bisa nangkring pada halaman pertama google merupakan tujuan utama para pelaku SEO bahkan para blogger pemula. Artikel…
Cara Mudah Menghapus Link Error 404 cara mudah menghapus link error 404 - Bagi pengelola blog atau website Link Error 404 atau Page Not Found adalah sebuah kendala yang mengganggu kesehatan blog atau website yang dikelola.…
Tutorial Membuat Menu Navigasi di Blog Javascript Tutorial membuat Menu Navigasi di Blog - Salam buat sahabat punakawanku, postingan saya kali ini akan membahas tentang Cara mudah membuat menu navigasi di blog. Apa itu Menu Navigasi? Menu…
Mengenal dan Memaksimalkan Fungsi Setelan Entri Pada… Hal yang wajib anda lakukan setelah selesai menulis artikel adalah mengatur Setelan Entri yang terdapat pada bilah kanan editor. Mengatur setelan entri wajib bagi anda, karena setelan ini berpengaruh besar…
Cara mengetahui URL Gambar dan Memasangnya pada Blog Satu lagi tips blogger dari saya, yaitu bagaimana memasang gambar pada blog. INGAT YA,pada blog, bukan pada postingan. Manfaatnya dari memasang gambar ini yaitu, kita bisa memasang ruang iklan/advertising pada…
Bagaimana Cara Mengetahui Artikel Blog Kita di Copas… Cara Mengetahui Artikel Blog Kita di Copas Blogger Lain - Blogging tidak pernah lepas dari yang namannya copy paste. Tapi bukan berarti tindakan copas itu legal dikalangan blogger sehingga bisa…
Penyebab Blog Sepi Pengunjung atau Visitor Penyebab Blog Sepi Pengunjung atau Visitor - Setiap orang yang terjun kedalam dunia blogging tentu memiliki latar belakang yang berbeda-beda tentang tujuan awal dari ngeblog. Jika tujuan awal hanya untuk menulis…
6 Langkah Mudah Membuat Blog Gratis Di Wordpress Sebelum anda memulai untuk terjun ke dunia Blogging, tentu anda harus tahu pengertian blog itu sendiri. Apa itu Blog? Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang…
Cara Menyisipkan Kotak di dalam Posting Blog yang… Cara menyisipkan Kotak di dalam Posting blog yang berisikan kode HTML, javascript, dan CSS - Dalam dunia blogging, banyak artikel yang nantinya akan kita posting di blog. Mulai yang berniche…
Curhatan Seorang Blogger Blog, blog dan blog. Ketika kita sudah memutuskan untuk terjun dalam dunia blogging, tentu butuh totalitas yang luar biasa. Kenapa saya bilang totalitas yang luar biasa? Bagi kita para blogger…
Cara Menggunakan Longtail Keyword Untuk Mengejar Pageone Cara menggunakan longtail keyword - Memiliki artikel yang selalu pageone merupakan hal yang di idamkan bagi para blogger. Demi mendapatkan pageone google para blogger berlomba-lomba mulai dari meningkatkan SEO blog, sampai…
Mengenali Fungsi Fetch As Dan Render Pada Webmaster Tools Fungsi Fetch As Dan Render Pada Webmaster Tools - Bagi seorang blogger hal yang paling penting ialah indeks dari google. Sehingga hal pertama kali yang dilakukan setelah kita membuat blog…
4 Penyebab Artikel Hilang Dari Mesin Pencarian Google Penyebab artikel hilang dari mesin pencarian google - Artikel adalah salah satu bagian terpenting yang menentukan baik atau tidaknya penilaian mesin pencari(google, bing, yahoo, yandex) terhadap sebuah blog. Banyak para blogger…
Cara Cek Kepadatan Kata Kunci Menggunakan Keyword Density Cara cek kepadatan kata kunci menggunakan keyword density - Menempatkan kata kunci serta menyebarkan kata kunci keseluruh bagian artikel merupakan tehnik SEO yang sering digunakan agar artikel cepat terindeks oleh google.…
Cara Meningkatkan Nilai DA dan PA Cara Meningkatkan Nilai DA dan PA - Dalam mengelola dan mengembangkan sebuah situs tentu banyak hal yang wajib anda ketahui. Salah satu yang harus dan wajib anda ketahui adalah tentang Domain…
Pengertian dan Kegunaan Tools Parse HTML atau HTML Converter Pengertian dan Kegunaan Tools Parse HTML - Pernah dengan kata PARSE kan? kalau anda seorang blogger pasti pernah mendengar kata Parse bahkan pernah melakukan parse kode html. Dikalangan blogger memparse Html…
Manfaat Sering Update Artikel di Blog Setiap Hari… Manfaat Sering Update Artikel di Blog - Pada pembahasan sebelumnya saya pernah membuat artikel tentang dampak buruk akibat jarang update artikel dengan tujuan agar saya dan pembaca blog punakawanku kembali…