Tartalomjegyzék készítése a Bloggerben - Table of contents for Blogger

Szeretnél egy automatikusan frissülő, betűrendes tartalomjegyzéket a blogodba? Ehhez kövesd ezt az útmutatót:

1. Töltsd le ezt a scriptet
2. Töltsd fel arra a helyre, ahol a fájljaidat tartod  és nézd meg az elérési útját (A fájltárolás módjáról itt is és itt is olvashatsz).
3. Nyisd meg a jegyzettömböt. Másold ki a script elérési útját egy txt fájlba. Mentsd.
4. Irányítópult - Elrendezés - HTML-kód szerkesztése
Keresd ezt a sort:
]]></b:skin>
5. Szúrd be ELÉ a következő kódot (ez a tartalomjegyzék kinézete), utána mentsd el.

/*------------- Tartalomjegyzék ----------------*/
#toc {
border: 2px solid #C3D9FF;
background: #ffffff;
padding: 5px;
width:500px;
margin:10px 0 20px 0;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #3D81EE;
color: #5d5d54;
padding: 5px 5px 5px 5px;
width: 300px;
}
.toc-header-col1 {
width:300px;
}
.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:90%;
color: #404040;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, 
.toc-header-col3 a:hover {
font-size:90%;
text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:90%;
}
.toc-entry-col1 a, .toc-entry-col2 a, 
.toc-entry-col3 a {
text-decoration: none;
}

5. Készíts egy új bejegyzést pl. Tartalomjegyzék címmel, de csak piszkozatként mentsd.
Írd be a bejegyzésbe ezt a kódot (HTML módban írj)

<div id="toc">
</div>
<span style="font-size: 80px;"></span><script src="http://afajlURLcime/tableofcontents.js">
</script>
<script src="http://blogodURLcime/feeds/posts/default?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc">
</script>
<script type="text/javascript">
showToc();
</script>

Az első pirossal jelzett részbe írd be a feltöltött script elérési útját, amit a txt fájlban mentettél (nyisd meg és másold ki belőle).
A másik pirossal jelölt részbe pedig a blogod URL címét írd. Mentsd piszkozatban.
6. Most mindent bezárhatsz. Nyisd meg a blogodban a legelső bejegyzést, amit írtál. Alul nézd meg a hozzátartozó dátumot és időpontot. Jegyezd fel. Becsukhatod.
7. Újra nyisd meg a tartalomjegyzék című piszkozatot, és alul az időpontot írd át úgy, hogy a legelső bejegyzésed időpontja előtti legyen egy kicsit. Pl. 1 órával. Ezután tedd közzé a bejegyzést.
Most nézd meg a blogod, és a legelső bejegyzésben ott lesz a tartalomjegyzéked. (Az elérési útját másold ki, mert ezzel fogod linkelni.)
8. Most már használhatod, és bárhonnan kilinkelheted.
Pl. teszel az oldalsávba egy szöveg modult, a címe Tartalomjegyzék, a belsejébe beírod, hogy pl- A bejegyzések abc szerint, és erre a szövegre rálinkeled az első bejegyzésed elérési útját
Vagy: teszel az oldalsávba egy képmodult, berakod a képet, és a képre linkeled az első bejegyzést (itt látsz rá példát)
Vagy olyan sablonod van, melynek a tetején van linkelhető navigáció, akkor az egyiket tartalomjegyzék-nek átnevezed, és rálinkeled az első bejegyzést.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady