Cara Membuat Daftar Isi Otomatis di Blogger

 (BLOGGER TUTORIAL)

Cara Membuat Daftar Isi Otomatis di Blogger

11 October 2016
Jika biasanya JalanTikus memberikan tips dan trik seputar Android, kali ini JalanTikus suguhkan kepada kamu tutorial koding. Bukan tutorial koding pro, tapi hanya berupa koding dasar untuk membuat kamu sedikit paham tentang bahasa pemrograman.
Sebagai awal, JalanTikus akan berikan kamu tutorial untuk membuat daftar isi secara otomatis di blogger. Tips ini tentu akan sangat bermanfaat bagi kamu yang gemar menulis di blog. Simak penjelasan selengkapnya!

Fungsi Daftar Isi di Blog

cara-membuat-daftar-isi-di-blog
Jangan hanya sekadar membuat tulisan di blog, kamu juga harus membuat daftar isi untuk setiap tulisan yuang kamu buat. Seperti halnya buku, daftar isi pada blog akan memudahkan pengunjung blog untuk menjelajahi konten yang ada. Daftar isi juga bermanfaat untuk mengoptimalkan mesin pencarian (SEO). Tak lupa, daftar isi pada blog akan membantu membuat link internal antar-postingan untuk menaikkan page rank postingan kamu.

Cara Membuat Daftar Isi Otomatis di Blog

Tertarik dengan segala manfaat daftar isi di blog? Jika iya, berikut cara membuat daftar isi di blog secara otomatis sesuai label dan tanggal postinganmu:
  • Pada halaman awal Blogspot, pada blog milikmu, pilih Pages.cara-membuat-daftar-isi-di-blog-2
  • Selanjutnya pilih menu New Pages.cara-membuat-daftar-isi-di-blog-3
  • Pada halaman baru tadi, silakan buat Title "Daftar Isi". Lalu silakan kamu copy dan paste kode berikut:

  1. <style>

  2. p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}

  3. a.post-titles {color: #0000FF;}

  4. ol li{list-style-type:decimal;line-height:25px;}

  5. </style>

  6. <script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>

  7. <script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>


Silakan ganti bagian http://contohblognih.blogspot.com dengan alamat blog kamu. Lalu paste ke Page baru yang kamu buat tadi.
cara-membuat-daftar-isi-di-blog-4
Alternatif lainnya, kamu bisa copy dan paste kode berikut:

  1. <style>

  2. p.labels a {

  3. color: #fff;

  4. text-transform: uppercase;

  5. font-size: 15px;

  6. font-weight: 600;

  7. border-bottom: 1px solid #ddd;

  8. display: block;

  9. padding: 8px;

  10. background: #555;

  11. }

  12. a.post-titles {color: #0000FF;}

  13. ol li{list-style-type:decimal;line-height:25px;}

  14. .sitemap-link{display:none}

  15. </style>

  16. <script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>

  17. <script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>


  • Selesai? Belum. Selanjutnya kamu harus menghubungkan Page yang kamu buat tadi ke menu Navigasi di blog kamu. Caranya dengan masuk menu Layout, lalu buat menu baru dengan nama Daftar Isi. Isi link-nya dengan alamat Page baru yang kamu buat tadi. Kemudian Save Template.cara-membuat-daftar-isi-di-blog-5
Mudah kan cara membuat daftar isi secara otomatis di blog ini? Dengan cara ini diharapkan page rank setiap postingan kamu bisa meningkat dengan mudah dan bisa membantu pengunjung untuk lebih mudah berselancar di blog milikmu. Selamat mencoba!


SUMBER;
 https://jalantikus.com/tips/cara-membuat-daftar-isi-di-blog/


EmoticonEmoticon