Daftar Isi berarti daftar yang mencakup kami semua posting dengan diurutkan berdasarkan lables dan juga diurutkan menurut abjad dan plugin ini khusus dibuat oleh javascript dan berkali-kali jika kita ingin menambahkan widget ini maka kita harus menambahkan banyak kode dan setelah itu kita harus untuk menggantikan mereka dengan mengurus simbol dan jika pemula melakukan tugas ini untuk blog sendiri maka kesalahan berkali-kali simbol ini tidak oleh pemula sehingga Anda dapat menambahkannya langsung ke blog tanpa mengganti kode apapun OR setiap nama blog. Anda akan akan menambah widget ini pemikiran widget Generator. Jadi, Harap Anda gonna seperti ini.
Instalasi Daftar Isi Dengan CSS:
1.Login Blogger
2.Klik pada Drop Down Menu dan pilih Template
3.Lalu Klik Edit HTML
4.Tekan Ctrl + F dan cari kode yang ditunjukkan di bawah ini.
]]></b:skin>
5.
Paste kode di bawah ini sebelum ]]></b:skin>
/*-------Widget By http://cryticalseo.blogspot.com/-----*/
.judul-label{
background-color:#E5ECF9;
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: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.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:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
.headactive{
color: #fef4e9;
border: 2px solid white !important;
background: #1C8DFF;
background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));
background: -moz-linear-gradient(top, #9dc2e7, #438cd2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');
}
6.
Simpan Template Anda.
7.Cara Menambahkannya di Post
- Klik Entri Baru
- Lalu Klik HTML
- Pastekan Kode Di Bawah Ini ke Tempat HTML
<script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/Justnaira-tos-file.js"> </script> <script src="http://cryticalseo.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://olusegun-fapohunda-calculator.googlecode.com/svn/concordian-tos.js" type="text/javascript"> </script>
- Lalu Publikasikan Post Anda
Notice:
Kode
http://cryticalseo.blogspot.com/ Ganti Dengan URL Blog Anda
Title : Cara Membuat Daftar Isi Dengan CSS
Description : Daftar Isi berarti daftar yang mencakup kami semua posting dengan diurutkan berdasarkan lables dan juga diurutkan menurut abjad ...