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 Membuat Daftar Isi Keren dan Menarik Berdasarkan Label BlogSitemap merupakan hal yang penting didalam blog. Sitema ini memiliki tampilan style yang keren dan menarik. Dengan sitemap maka akan memudah… [Read More]
Cara Membuat Parse Tools [HTML,javascript] Sendiri Di Laman BlogSering dengar tentang parse? Biasanya berhubungan dengan adsense. Namun parse bukan hanya berhubungan dengan adsense saja tetapi dengan kode… [Read More]
Cara Membuat dan Menggunakan Syntax Highlighter Di BloggerKotak untuk meletakkan kode HTML ini sering disebut Prism Syntax Highlighter. Syntax Highlighter ini sering digunakan untuk meletakkan kode … [Read More]
Cara Membuat Menu Navigasi Responsive Seperti Evo Magz [CSS Keren]Kali ini saya akan membagikan tutorial cara membuat menu navigasi. Untuk menu navigasi yang akan kita buat ini adalah menu navigasi yang res… [Read More]
Cara Memasang Widget Video Youtube Di Sidebar BlogJika anda memiliki video dan ingin menampilkan di blog/situs maka anda cara ini sangatlah tepat. Banyak sekali manfaat yang bisa anda dapatk… [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