Jumpa lagi di blog saya, kebetulan tadi saya menemukan artikel cara membuat daftar isi, tujuan membuat daftar isi ini sebenarnya adalah agar pengunjung blog lebih mudah dalam hal mencari artikel di blog kita seperti daftar isi milik saya ini kira-kira hasilnya ya seperti punya saya gitulah,membuat daftar isi in gampang kok tutorial nya di bawah ini.
- login ke akun sobat
- pada dashbord klik entri baru
- klik tab edit html lalu copy kode di bawah ini dalam kolom
<style>4.kode warna merah ganti dengan url blog anda
.fullpost{display:inline;}
</style>
<script src="http://muhammadsuteja.googlecode.com/files/by1.js">
</script>
<script src="http://musakhairulumam.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://muhammadsuteja.googlecode.com/files/by.js" type="text/javascript">
</script>
<style type="text/css">
.judul-label{background:-moz-linear-gradient(top, #393E41, #000000);font-weight:bold;line-height:1.4em;margin-bottom:5px;overflow:hidden;white-space:nowrap;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 1px 1px 4px #AAAAAA;box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #e9e9e9;border: 2px solid white !important;background:#000 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNHm5XbNWFqqyH-pbH_iaTnTKJR3drIqOk0zA5d63i9lQBPuk6rfiXJET1DfqEaD9EEflz85wu0sqLyp90aWmi0AAyqw38HHHOGyIyaWCDujAcAhTYuak5pH7jjDVk1MylKqXUu74-eVHx/")}.data-list{line-height:1.5em;margin-left:5px;margin-right:5px;padding-left:15px;padding-right:5px;white-space:nowrap;text-align:left;font-family:kristen itc;font-size:12px;}.list-ganjil{background-color:#000;color:#51A104;border-top:1px solid #FF0000;border-bottom:1px solid #FF0000}.headactive{color: #FFFFFF;border: 2px solid:#C0C0C0;!important;background: #D11717;background: -moz-linear-gradient(top, #D11717, #8C0000)}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript">
</script>
<div style="clear: both;">
</div>
5.lalu terbitkan entri
4 comments:
ini semuanya di copy paste kah mus.ty infonya
Enggak,kalo saya copy paste biasanya saya juga menuliskan sumbernya
di bagian bawah daftar isi ente ada abu farhannya gan... tapi tetep oke
To ANGRY JACK:Kalo itu memang dari file JSnya sob :D
Posting Komentar