Daftar Isi Blog Paling Bagus Berdasarkan Kategori/Label

Daftar Isi Blog Andestan

Daftar Isi Blog Paling Bagus Berdasarkan Kategori/Label sering di menjadi PR bagi para blogger, terutama bagi rekan-yang hobby dengan desain tampilan Blog.

Saya sendiri sering gonta ganti jenis Daftar isi Blog, karena semakin sering kita mendesain tampilan blog, maka semakin banyak pula tampilan-tampilan menarik yang kita temui pada blog rekan-rekan kita.

Kenapa sih daftar isi blog itu penting ??? jawabannya adalah ketika rekan-rekan sudah mempunyai jumlah Visitor yang lumayan banyak maka sebaiknya anda harus mengoptimalkan navigasi Blog anda, supaya setiap pengunjung lebih mudah dalam mencari artikel yang ia butuhkan.

Nah, untuk kali saya akan memberikan Tips tentang bagaimana Cara Membuat Daftar Isi Blog Paling Bagus Berdasarkan Kategori/Label, di bawah ini ada tiga jenis Kode Pembuatan Daftar Isi Blog, Silahkan pilih sesuia dengan selera anda.

1. Daftar isi berdasarkan tanggal Posting atau Publikasi Dengan Kotak.

Kodenya adalah :

<div style="background-color: none; border: 1px solid #000000; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;"><script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script><script src="http://sauri-sofyan.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

2. Daftar Isi Blog Berdasarkan Kategori/Label Simpel

Kodenya:

<style>p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}a.post-titles {color: #0000FF;}ol li{list-style-type:decimal;line-height:25px;}</style><script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script><script src="http://sauri-sofyan.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>

3. Daftar Isi Blog Berdasarkan Kategori/Label Tampilan Lebih Bagus.

DEMO DAFTAR ISI

Kodenya :

<style type="text/css">
#toc{Height:800px; overflow: auto;width:auto;margin:5px auto;}
.labl{font-size: 15px;font-family: tahoma;font-weight:bold;margin:-14px 0px -14px 0px;padding:5px 0 5px 10px; border-radius:0px 50px 0px 0px; background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#088808),color-stop(1,#a23906));display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:norma;}
.postname{font-weight:normal;background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#adfdad));}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px;margin-left: -15px;font-family: tahoma;font-size: 14px;}
</style>
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://sauri-sofyan.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Catatan :

Caranya Copy Kode HTML yang ada diatas kemudian, Pastekan Pada Menu Laman dengan Cara Klik HTML bukan Compose yang akan anda jadikan Lama Daftar Isi, kemudian gantilah kode URL yang berwarna BIRU dengan alamat Ulr Blog anda. Selamat Mencoba...!

===Terima Kasih===

Sauri Sofyan