Sitemap atau Daftar Isi Blog
Cara Membuat Sitemap atau Daftar Isi di Blogger
Salah satu keterbatasan blog adalah tidak memiliki index atau sitemap dari situs tersebut sehingga memudahkan pembaca untuk menemukan konten yang mereka cari. Meskipun arsip dan label blog memiliki semua informasi tentang postingan yang dipublikasikan, ini tidak sepenuhnya muncul di satu halaman, jadi mencari lebih banyak postingan tidak selalu mudah.
![]() |
Ilustrasi Daftar Isi - Foto:Idnrepublika |
Untungnya, gadget ini akan membantu Anda menambahkan daftar isi atau peta situs di Blogger yang menampilkan indeks semua posting yang dipisahkan oleh kategori yang telah diterbitkan. Ini juga akan menampilkan posting terbaru dengan teks yang mengatakan Baru!
Cara Menambahkan Sitemap dengan Daftar Postingan ke Blogger
Untuk menerapkannya di blog Anda, ikuti langkah-langkah di bawah ini:
Langkah 1 : Masuk ke Dasbor Blogger Anda dan pilih blog Anda.
Langkah 2 : Buka "Halaman"> klik tombol "Halaman Baru".
Langkah 3 : Klik pada tab HTML dan tempel kode berikut di dalam kotak kosong:
<style>p. label a {color: # 242424 ; text-transform: uppercase; font-size: 15px ;}a.post-title {color: # 0000FF ;}ol li {list-style-type: decimal; line-height: 25px;}</style><script>// <! [CDATA [var j = ""; if (sortBy == "titleasc") {m + = "(descending)"; k + = "(latest first)"} if (sortBy == "titleesc") {m + = "(ascending)" ; k + = "(terbaru dulu)"} if (sortBy == "dateoldest") {m + = "(ascending)"; k + = "(latest first)"} if (sortBy == "datenewest") {m + = " (ascending) "; k + =" (terlama dulu) "} if (postFilter! =" ") {j =" Klik untuk melihat semua "} h + =" <table> "; h + =" <tr> "; h + = '<td class = "header1">'; h + = '<a href = "javascript: toggleTitleSort ();" title = "'+ m +'"> '+ e + "</a>"; h + = "</td>"; h + =' <td class = "header2"> '; h + =' <a href = "javascript : toggleDateSort (); " title = "'+ k +'"> '+ d + "</a>"; h + = "</td>"; h + =' <td class = "header3"> '; h + =' <a href = "javascript: allPosts ();" title = "'+ j +'"> '+ c + "</a>"; h + = "</td>"; h + =' <td class = "header4"> '; h + = "Baca semua"; h + = "</td>"; h + = "</tr>"; untuk (var g = 0; g <postTitle.length; g ++) {if (a == "") {h + = '<tr> <td class = "entry1"> <a href="'+postUrl[g]+'"> '+ postTitle [g] +' </a> </td> <td class = "entry2"> '+ postDate [g] + '</td> <td class = "entry3">' + postLabels [g] + '</td> <td class = "entry4"> <a href="'+postPublished[g]+'"> Baca </a> </td> </tr> ' postTitle.length) {break}}} fungsi toggleTitleSort () {if (sortBy == "titleasc") {sortBy = "titleesc"} else {sortBy = "titleasc"} sortPosts (sortBy); displayToc (postFilter)} fungsi toggleDateSort () {if (sortBy == "datenewest") {sortBy = "dateoldest"} lain {sortBy = "datenewest"} sortPosts (sortBy); displayToc (postFilter)} fungsi showToc () {if (tocLoaded) {displayToc (postFilter ); var a = document.getElementById ("toclink")} else {alert ("Tunggu saja ... TOC sedang memuat")}} fungsi hideToc () {var a = document.getElementById ("toc"); a. innerHTML = ""; var b = document.getElementById ("toclink"); b.innerHTML = '<a href = "#" onclick = "scroll (0,0); showToc (); Effect.toggle (\' toc -hasil \ ', \' buta \ '); "> ?? Tampilkan Daftar Isi </a> <//]]></script><script src = " http://namaanda.com / feeds / posts / default? max-results = 9999 & amp; alt = json-in-script & amp; callback = bloggersitemap"> < / script>
Setelah menambahkan kode di atas, ganti http://namaanda.com dengan alamat blog Anda.
Langkah 4 : Terakhir, klik tombol "Publikasikan" dan lihat halaman. Itu dia!