Collection of Free Software and Games Just For You, enjoy it thank's for Coming.

Nov 16, 2010

Tips cara membuat daftar isi otomatis terupdate saat kita menambah posting baru | haus issue | haus game

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();"><img src="http://amen24.googlepages.com/folder.gif" />
&nbsp;&nbsp;Lihat Daftar Isi !</a><br /><br /></div>
<script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">
</script><script src="http://HAUSGAME.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

<div id="toc"></div>

Lanjut > ganti HAUSGAME dengan domain blog atau web sobat..
Lihat contohnya ..klik disini
Sip sampai disini saja semoga bermanfaat, apabila daftar isi otomatis ini tidak berfungsi optimal silahkan isi kotak komentar dibawah ini. Terimakasih.

No comments:

Post a Comment