Cara Membuat Daftar Isi Blog Keren

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang 'Expand Template Widget'.
3. Letakkan kode berikut diatas kode ]]></b:skin> 

#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgENbNXPNO7G6lH6vhbV_xEkeReA7j3ZbjL8TbsPY7w4qSu3w-k0s_fhC8QDGXeUtLOT9L4Qc7YMFCBRk7fYuH5YZTuDFciIYyOfLrGUF4prv5OQyUJZq_hWdfnjMV1TG8M-0nRb8u7QzE/s320/bg5.gif) repeat-y scroll left center #E7F7FB;
padding:2px 0;
border:1px solid #339DC6;
}
.dafis-label{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-hin-zTHI2yHx3dVQ-G1vVV2dFf5Fe6ALVIoGWT4ABDWF9bkCYMsvSl8OlATz6XfMB3-VpyElz1ibHvR8Dd5xIGMibODLLtroEnPwnJU637Agg9-awWPJdJtG_kV5InqPs99nPVErEvM/s1600/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
font-weight:bold;
line-height:1.4em;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 1px 3px;
outline: none;
cursor: pointer;
text-decoration: none;
padding: 2px 10px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border:1px solid #2F94BA;
}
.dafis-label:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZi3FTeRQG0e_CRLqhKx24MscR40vMWcriuGniqD4dm2VKE9xh-0r1cyLx2TxhzUnSuzaaU_BMOZvd9q9-g7zJTM1hCMvUUc43lAg8n-DBY7Sy75RD700hEk7qzbuo_iXHTkADaxonaDQ/s320/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
color:#003366;
}
.dafis-daf ol{
margin:0 0 0 30px !important;
padding:0 !important;
}
.dafis-daf ol li{
background-color:#C9E9F4;
line-height:1.5em;
margin:1px 3px !important;
white-space:nowrap;
text-align:left;
border:1px solid #339DC6;
}
.dafis-daf ol li a{
text-decoration: none !important;
color:#333 !important;
display:block;
padding-left:10px;
}
.dafis-daf ol li a:hover{
background: #7BC4DF;
border-left: 5px #333 solid;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

4. Kemudian letakkan juga kode berikut diatas kode </head> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

keterangan: kalo kode di atas udah ada di blog agan ga usah di pasang lagi
5. Setelah itu Simpan template.
6. Langkah selanjutnya adalah memasang daftar isi di blog, letakkan kode dibawah ini pada HTML/JavaScript atau posting blog Anda pada mode HTML. 

<script type="text/javascript" src="https://googledrive.com/host/0B1QkCw6lR8alVkNCT1BwUmFSTUk/"></script><script src="LINK BLOG AGANfeeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Keterangan:
Ganti kode yang berwarna merah diatas dengan alamat URL blog Anda.

Lalu Simpan dan lihat hasil nya 

Posted by Unknown on Jumat, 25 April 2014 - Rating: 4.5

Title : Cara Membuat Daftar Isi Blog Keren
Description : 1. Login akun blogger Anda. 2. Pilih Template > Edit HTML > centang  'Expand Template Widget' . 3. Letakkan kode berikut dia...

Tweet