Accecories : Table of content on classic template
1. login dan masuklah ke halaman template
2. buat sebuah layer di atas postingan atau dibawahnya
3. bingung?? saya juga masih bingung beberapa saat tadi, tapi alhamdulillah udah dikasih pencerahan, silahkan anda cari <Blogger>
4. Copy dan pastekan kode dibawah ini tepat dibawah <Blogger> :
<div id="toc"></div>
5. saat ini sebuah layer telah ada di bagian atas postingan anda
6. lalu copy - paste kan code dibawah ini ke sidebar anda :
<div id="sidebar">
<div class='widget-content'>
<style type="text/css">
#toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-note {
font-size:100%;
padding-left: 5px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ffd595;
color: #000000;
padding-left: 5px;
width:200px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:175px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:100%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:100%;
text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:100%;
width:200px;
}
.toc-entry-col2 {
width:75px;
}
.toc-entry-col3 {
width:175px;
}
</style>
<div id="toclink"><a href="javascript:showToc();">Show TOC</a><br/><br/></div>
<script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script>
<script src="http://ALAMATBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=100&callback=loadtoc"></script>
<script src="http://ALAMATBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=101&max-results=100&callback=loadtoc"></script>
</div>
7. gantilah ALAMATBLOG.blogspot.com dengan alamat blog anda
8. save, dan lihat hasilnya
Komentar