Masukan Email Kamu Untuk Berlangganan Berita Terbaru Dari Blog Ini

26 April 2011

Tips Membuat Daftar Isi Yang Terupdate Otomatis Saat Kita Menambah Posting Baru

TwitThis
Oke bagi para sobat blogger semua tentu untuk menambahkan daftar isi blog sangat penting, terutama untuk memudahkan para pengunjung melihat keseluruhan isi blog kita.
Langsung saja tanpa panjang lebar copy kode CSS dibawah ini dan letakkan tepat diatas kode ]]></b:skin> pata edit html template kamu!

#toc {  border: 0px solid #000000;  background: #ffffff;  padding:2px; width:495px;  margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 {  background: #B5CBFA;  color: #000000;  padding-left: 5px;  width:250px;}

.toc-header-col2 {  width:75px;}

.toc-header-col3 {  width:125px;}

.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; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {  padding-left: 5px;  font-size:100%; background:#f0f0f0;}

Kemudian masuk ke Add a gadget > HTML/JavaScript > copas kode berikut!

<div id="toclink"><a href="javascript:showToc();">
&nbsp;&nbsp;Lihat Daftar Isi !</a><br /><br /></div>
<script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">
</script><script src="http://ndraxs.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
<div id="toc"></div>

Lanjut > ganti ndraxs dengan domain blog atau web sobat..
Lihat contohnya ..disini

Artikel Terkait

0 komentar:

Post a Comment

Silahkan tinggalkan komentar sobat...

 

Followers

Twitter Blog Templates © Copyright by Download Software Gratis | Template by BloggerTemplates | Blog Trick at Blog-HowToTricks