Cara Membuat Daftar Isi Blog Otomatis 2017 Sesuai Label
Daftar isi sangatlah penting dalam sebuah blog. Karena merupakan sebuah laman navigasi yang membantu pengunjung dalam melihat daftar artikel didalam blog kita. Selain itu daftar isi juga penting bagi anda yang ingin mendaftar adsense untuk blognya supaya blog kita nantinya tidak memiliki masalah dalam navigasi situs.
Sebenarnya semua daftar isi sama saja ,sama-sama menampilkan artikel dan mungkin memiliki kkode javascript yang sama tapi yang membedakannya adalah pada tampilan daftar isi atau cssya. Dengan tampilan daftar isi yang keren dan menarik maka akan memperindah blog kita. Anda bisa mengatur supaya tampilan daftar isi sama seperti blog kita.
Daftar isi ini otomatis tanpa kita harus mengupdatenya. Asalkan javascriptnya masih bekerja. Untuk berjaga-jaga silakan anda hosting sendiri javascriptnya nanti. Mungkin anda sudah mencari-cari daftar isi yang masih berfungsi namun kadang ada script yang sudah tidak bekerja itulah sebabnya kadang daftar isi tidak muncul.
Cara Membuat Daftar Isi Blog
Caranya cukup mudah anda hanya perlu menyalin kode dibawah ini dan lalu buka blogger,dan buat laman baru. Ubah mode penulisan dari Compose menjadi HTML lalu pastekan kode yang sudah disalin tadi dilaman baru yang dibuat jika sudah klik publikasikan.
<style>
p.labels a {
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
border-bottom: 1px solid #ddd;
display: block;
padding: 8px;
background: #555;
}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="http://www.anggasave.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
Ganti http://www.anggasave.com dengan url blog sobat.
Selesai tinggal kalian publikasikan. Cukup sekian artikel yang bisa saya bagikan semoga bisa membantu dan bermanfaat ya.
Related Posts :
Cara Memasang Sosial Share Button Dengan Counter Dibawah PostinganTombol berbagi atau share button adalah widget yang berguna untuk memudahkan dalam berbagi artikel. Share button ini biasanya terhubung deng… [Read More]
Cara Membuat Tombol Berbagi [Share Button] Responsive di Bawah Postingan BlogTombol berbagi adalah tombol yang digunakan untuk mempermudah pengunjung untuk membagikan artikel yang ia baca. Tombol berbagi yang akrab di… [Read More]
Cara Membuat Kotak Berlangganan Dibawah Artikel Seperti Evo MagzMemasang Subcription Box Seperti Di Evo Magz Blog - Kotak berlangganan yang sering juga disebut subcription box adalah kotak yang berfungsi … [Read More]
Cara Membuat Share Button [Facebook,Twitter,Google+] Untuk MobileKali ini kita akan membuat share button. Padahal kemarin kita sudah membuat share button yang tak kalah bagusnya. Tapi tidak masalah mungkin… [Read More]
Cara Membuat Artikel Terjadwal [Update Artikel]Semua blog akan terlihat hidup jika ada artikel yang baru setiap harinya. Update artikel memang penting untuk menunjukkan bahwa blog anda ak… [Read More]
Tahnkyou gan ..tpi aku mau nanya kalau buat daftar isi otomatis sesuai label tpi cuma labelnya saja yang muncul sesuai alfabet itu gimana gan..??
ReplyDeleteMisalnya dalam chord gitar, saya Klik menu Huruf A jadi muncul semua label yang berawalan huruf A. contohnya Armada, Anggun Arkam.. dan seterusnya... yang aku tanyakan cuma Scrip dafta isinya untuk buat kayak gitu ya gann,, Thx sebelumnya..
Maksud mas ingin hanya label alfabet A-Z aja yg muncul di daftar isi? Jika memang begitu tunggu postingan hari ini mas saya buatkan tutorialnya
DeleteHehehe,,, siap Mas, Aku tunggu,, Oya, Yang daftar isinya
Deletemisalkan Untuk A Maka yang muncul nama yang beraawal Huruf A saja ya Gn... :)
Tapi harus membuat label alfabet dulu mas,dan memasukkan postingan kedalam label. Misalnya postingan lagu artis armada - asal kau bahagia maka dipostingan tersebut mas harus kasih label "A" biar nanti muncul didaftar isi A
DeleteIya mas sudah semua,, Hehehe tinngal creibenya tidakditau hehehe...
DeleteOK Sip Gan,, Thankyou.. hehehe, Gara-gara saya agan jdi Repot-repot.. :)
DeleteOk gpp mas
DeleteSaya udah lakuin tutorial diatas kenapa gak muncul juga ya. Penyebabnya apa ya maa apakah ada pengaruh lainya kenapa tidak bisa
ReplyDeleteJavascriptnya masih work kok, mungkin karena ada yg block javascript jadi sitemapnya gak tayang
DeleteTerimakasih bro saya merasa sangat terbantu dengan artikelnya.
ReplyDeletekok muncul pesan
ReplyDeleteHalaman ini berisi sumber daya HTTP yang dapat menyebabkan konten campuran memengaruhi keamanan dan pengalaman pengguna jika blog dilihat melalui HTTPS.
Perbaiki Tutup Info lengkap
muncul pesannya dimana ya?
Delete