24.7.07

Accecories : Table of content on classic template

posted under , by ilham saibi |
kemaren sempet jalan jalan ke beautiful beta , eh nemu tips bagus, ini adalah tips untuk menampilkan semua isi postingan anda dalam sebuah halaman tanpa harus memposting sebuah halaman yang berisi postingan postingan kita. oke sekrang mari kita bahas tips apik berikut..

1. login dan masuklah ke halaman template
2. buat sebuah layer di atas postingan atau dibawahnya
3. bingung?? saya juga masih bingung beberapa saat tadi, tapi alhamdulillah udah dikasih pencerahan, silahkan anda cari <Blogger>
4. Copy dan pastekan kode dibawah ini tepat dibawah <Blogger> :
<div id="toc"></div>
5. saat ini sebuah layer telah ada di bagian atas postingan anda
6. lalu copy - paste kan code dibawah ini ke sidebar anda :

<div id="sidebar">

<div class='widget-content'>

<style type="text/css">

#toc {

border: 0px solid #000000;

background: #ffffff;

padding: 5px;

width:500px;

margin-top:10px;

}

.toc-note {

font-size:100%;

padding-left: 5px;

}

.toc-header-col1, .toc-header-col2, .toc-header-col3 {

background: #ffd595;

color: #000000;

padding-left: 5px;

width:200px;

}

.toc-header-col2 {

width:75px;

}

.toc-header-col3 {

width:175px;

}

.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;

}


.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {

padding-left: 5px;

font-size:100%;

width:200px;

}

.toc-entry-col2 {

width:75px;

}

.toc-entry-col3 {

width:175px;

}



</style>


<div id="toclink"><a href="javascript:showToc();">Show TOC</a><br/><br/></div>

<script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script>


<script src="http://ALAMATBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=100&callback=loadtoc"></script>

<script src="http://ALAMATBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=101&max-results=100&callback=loadtoc"></script>


</div>



7. gantilah ALAMATBLOG.blogspot.com dengan alamat blog anda
8. save, dan lihat hasilnya

top