Cara Membuat Daftar Isi Ala Arlina
Jika sebelumnya kita berguru mengenai membuat contact us, pada kali ini kita akan membahas cara menciptakan daftar isi otomatis yang keren dan responsive. Mari simak baik - baik klarifikasi dibawah ini.
Sitemap Flat Design
Penjelasan & Fungsi Daftar Isi di Blog
Daftar Isi atau Sitemap merupakan sebuah halaman yang menjadi petunjuk pokok atau penting akan isi sebuah blog. Dengan adanya daftar isi ini akan mempermudah pengunjung untuk mencari artikel yang beliau butuhkan. Layaknya kita mau membaca buku, pastinya kita akan membuka daftar isi terlebih dahulu biar tidak susah mencari halaman yang kita inginkan. Selain untuk mempermudah mencari artikel, daftar isi juga merupakan salah satu syarat untuk diterima oleh Google Adsense. Makara teman bloggers jangan lewatkan hal yang satu ini.Penerapan Daftar Isi di Blog
Disini aku akan share aba-aba HTML Daftar Isi atau Sitemap ala Template New Minima Colored Arlina Design. Ada 2 jenis daftar isi, diantaranya :Daftar Isi Random (new post)
Daftar Isi ini akan menawarkan artikel - artikel dengan random (acak) dan berurutan sesuai postingan paling baru. Berikut cara penerapannya :1. Masuk ke Blogger dan buat Laman Baru di Postingan Statis
2. Copy dan Masukkan aba-aba ini pada tab HTML bukan
<div id="bp_toc"> </div> <script src="https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/sitemap2.js" type="text/j4vascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/j4vascript"></script> <style scoped="" type="text/css"> #comments {display:none;} .post-body td a {background:initial;color:#000;padding:initial;font-size:13px;float:initial;display:initial;border-radius:initial;font-weight:initial;} .post-body td a:hover {background:initial;color:#3498db;text-decoration:underline;} </style>Daftar Isi Tersusun (category)
Daftar Isi ini akan menawarkan artikel - artikel terbaru. Namun kita dapat menentukan kategori mana yang ingin kita cari. Berikut cara penerapannya :
1. Masuk ke Blogger dan buat Laman Baru di Postingan Statis
2. Copy dan Masukkan aba-aba ini pada tab HTML bukan
<div id="table-outer"> <table><tbody> <tr><td><label>Sort posts by : </label></td><td><select id="orderFeedBy"><option selected="" value="published">New post</option><option value="updated">Post updated</option></select></td></tr> <tr><td><label>Filter posts by category : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Loading...</option></select></span></td></tr> <tr><td><label>Search by keyword : </label></td><td><form id="postSearcher"> <input type="text" /></form> </td></tr> </tbody></table> </div> <header id="resultDesc"></header> <ul id="feedContainer"></ul> <div id="feedNav"> Loading...</div> <script src="https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/sitemap-tab.js" type="text/j4vascript"></script> <style scoped="" type="text/css"> #comments {display:none;} </style>Maka begitulah cara menciptakan daftar isi otomatis di blog yang keren da responsive. Jika teman - teman ingin mendapat template premium dengan aba-aba - aba-aba menarik lainnya. Silahkan kunjungi Idntheme.com.
Semoga artikel ini bermanfaat, untuk mendapat update artikel setiap harinya. Silahkan masukkan email dibagian kanan postingan. Sumber http://www.siddiqrn.net/