Cara Memasang Daftar Isi Super Keren Di Blog

Baca Juga

Widget -Cara Memasang Daftar Isi Super Keren Di Blog – kali ini kita akan belajar bagaimana cara memasang Daftar Isi yang Super Keren di Blog menurut saya. Menyediakan Blog atau Website yang menarik dan memiliki sistem navigasi yang lengkap adalah suatu kewajiban bagi para Blogger untuk selalu memberikan informasi terbaik pada pengunjung. Dengan bagusnya tampilan blog dan sistem navigasi yang sangat menarik sekaligus mudah untuk di gunakan, maka Pengunjung akan sangat suka dengan blog sehingga menjadi Langganan di blog sobat nantinya.

Salah satu cara memper keren blog adalah dengan cara Memberikan Daftar Isi yang menarik dan super keren, yang akan saya ajarkan di sini. Cara ini juga saya dapatkan dari Blog Kang Ismet, yang menurut saya daftar ini di blognya sangat keren, jadi saya tanya saja bagaimana cara membuatnya?. Akhirnya saya di ajarkan oleh kang Ismet dan sekarang kembali saya sebarkan ilmu ini kepada sobat-sobat pembaca semua. Bagaimana caranya?, silahkan di simak informasi selengkapnya berikut ini.

Cara Memasang Daftar Isi Ala Blog Kang Ismet

1. Login ke Blog sobat

2. Kemudian Buat artikel baru di halaman statis

3. Selanjutnya Pilih teb HTML dan Salin kode di bawah ini di dalamnya.

<style type="text/css" scoped="scoped">/* Multi Feed Loader /www.azmidzgn.com */.list-entries{background:white;border:1px solid #d8d8d8}.list-entries ul,.list-entries li{margin:0;padding:0;list-style:none}.list-entries li{padding:1em;border-bottom:1px solid #ddd}.list-entries .main-title{padding:0}.list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#4f93c5;color:#fff;margin:0;line-height:normal;font-size:14px;margin-top:0!important}.list-entries .title a{font-weight:300;font-size:14px;text-decoration:none;line-height:.5em;color:#222}.list-entries .title a:hover{text-decoration:underline;color:#5886a7}.list-entries img,.list-entries .fake-img{border:none;background-color:#333;margin:0 1em 0 0;padding:0;float:left}.list-entries .summary{overflow:hidden;color:#999}.list-entries .more-link{border-bottom:none}.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#82b965;padding:.5em 1em;position:relative;font-weight:bold;color:white}.list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;right:.3em;border:4px solid transparent;border-left-color:white;margin-top:-4px}.list-entries .more-link a:hover{background-color:#71a555}.list-entries{margin:7px;width:251px;float:left;font-size:11px}</style><script type="text/javascript">var multiFeed = { feedsUri: [ { name: "Travel", url: "http://azmidzgn.blogspot.co.id/",
tag: "Travel" }, { name: "Labels", url: "http://invisiontheme.blogspot.com/", tag: "Labels" }, { name: "Lifestyle", url: "http://invisiontheme.blogspot.com/", tag: "Lifestyle" }, { name: "Travel", url: "http://invisiontheme.blogspot.com/", tag: "Travel" }, { name: "Labels", url: "http://invisiontheme.blogspot.com/", tag: "Labels" }, { name: "Lifestyle", url: "http://invisiontheme.blogspot.com/", tag: "Lifestyle" } ], numPost: 4, showThumbnail: true, showSummary: true, summaryLength: 80, titleLength: "auto", thumbSize: 72, containerId: "feed-list-container", readMore: { text: "Selengkapnya", endParam: "?max-results=8" }};</script><script type="text/javascript" src="https://rawgit.com/Arlina-Design/nubie/master/multifeedblog.js"></script><div style='clear: both;'></div></div>

Catatan :
Ganti lamat Blog dan url Teg yang sudah di tentukan

4. Terakhir Publis kan Post. 

Demikianlah tutorial mengenai Cara Memasang Daftar Isi Super Keren Di Blog. Semoga bermanfaat dan selamat mencoba.