Blogger Note

Article :

Cara Membuat Daftar Isi Pada Blog


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.





  1.  login ke akun sobat
  2. pada dashbord klik entri baru
  3. klik tab edit html lalu copy kode di bawah ini dalam kolom
<style>
.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&amp;alt=json-in-script&amp;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>
     4.kode warna merah ganti dengan url blog anda
     5.lalu terbitkan entri

4 comments:

20 Juni 2011 pukul 22.49

ini semuanya di copy paste kah mus.ty infonya

20 Juni 2011 pukul 23.25

Enggak,kalo saya copy paste biasanya saya juga menuliskan sumbernya

14 Agustus 2011 pukul 21.42

di bagian bawah daftar isi ente ada abu farhannya gan... tapi tetep oke

14 Agustus 2011 pukul 21.48

To ANGRY JACK:Kalo itu memang dari file JSnya sob :D

Posting Komentar