Keresés a blogban

2009. október 6.

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

28 megjegyzés:

Dia vagyok :) írta... [Válasz erre...]

Szia!
Nagyon szépen köszönöm a sok jó tanácsot! Felhasználtam a tartalomjegyzékes cikket (elvittem a kis sárga képet is, nem baj?), de úgy érzem, hogy valami nem stimmel. Addig eljutottam, hogy a legelső bejegyzésem dátumát kimásoltam, de nem tudom , hogy a jelzett kódba pontosan hová kellett és milyen formában beilleszteni. Úgyhogy én csak bemásoltam az utolsó előtti sorba, de félek, hogy nem így kellett. Bár a Tartalomjegyzék megjelent, de a legújabb bejegyzésként. Rá tudnál nézni? http://diaboszikonyhaja.blogspot.com/

(Mielőtt leszidnál: hamarosan átvariálom a javaslatod szerint a címkéimet is. :-)
Előre is köszönöm a válaszod!

Wise Lady írta... [Válasz erre...]

Dia, a kódba nem kell a dátumot beszúrni, töröld ki.
De mielőtt kitörlöd nézd meg, és utána a tartalomjegyzék bejegyzés dátumát írd át egy picivel ez előttire. Akkor ő lesz az első bejegyzés.

Dia vagyok :) írta... [Válasz erre...]

Köszönöm, sikerült!
Kicsit nehezen találtam meg a dátum átállításának a helyét, de végül az is meglett:)
El sem tudod képzelni, mióta próbálkoztam már a tartalomjegyzék megalkotásával, és hogy hány helyen kértem tanácsot hiába.
Még egyszer nagyon szépen köszönöm a sok segítséget, amit a blogodon adtál, és szép Adventet kívánok!
Dia

Wise Lady írta... [Válasz erre...]

Nagyon örülök, hogy sikerült! Megnéztem ám!

Dia vagyok :) írta... [Válasz erre...]

Köszi az új képet, hááát, eddig jutottam. Hiába pipálom be a méretre zsugorítást, ez a sablon nem akar szót fogadni ebben az ügyben (bal első oszlopban sem tette meg egyik képnél sem). Szerintem most már egész jó lett az elsőhöz képest, nem? Köszi, hogy ennyit fáradozol értem:)

Ottis írta... [Válasz erre...]

Szia!Megint én írok ...Egy olyan kérdésem van, hogy mit kell érteni azon, hogy töltsem le a scriptet ? Nagyjából mindent előkészítettem a tartalomjegyzék elkészítéséhez, de mivel nem értem ezt, így nem tudom a file-t feltenni a webhelyemre ahová bejelntkeztem. Elnézésedet kérem, hogy ma már másodszor zaklatlak és nagyon nagyon köszönöm. Nagyon hasznos ez az oldal, csak én kicsit értetlen vagyok és tájékozatlan még e téren...

Wise Lady írta... [Válasz erre...]

Azt jelenti, hogy mentsd le a számítógépedre.
Aztán ezt a fájlt tedd fel a létrehozott webhelyedre.
Tudd meg az elérési útját (az URL címét, hogy hol van, azért, hogy hivatkozhass rá. Ezt a .js fájlt használja a tartalomjegyzék.)
stb.

Ottis írta... [Válasz erre...]

Jaj tudom nagyon értetlen vagyok és ezer köszönet a hozzám való türemlmedért...de még csak egy aprócska kérdés: milyen formátumban mentsem le?Mert amikor rákattintok akkor bejön egy szöveg és azt másoljam át mondjuk Notepad-ba és úgy tegyem fel a webhelyemre?

Wise Lady írta... [Válasz erre...]

Ha rákattintasz, akkor van egy ablak: Fájl letöltése, megnyomod a Mentés gombot. Letöltődik a gépedre a tableofcontents.js fájl. Ez nem szöveg, hanem egy javascript (.js) fájl, amin nem szabad változtatni, mert ez a fájl fogja működtetni a tartalomjegyzéket. Ugyanilyen névvel és kiterjesztéssel töltsd fel az online tárhelyedre is.

Ottis írta... [Válasz erre...]

Nagyon köszönöm! Neki is fogok :-)

von Birken írta... [Válasz erre...]

Szia!

A scriptet már nem lehet letölteni az adott linkről.

Wise Lady írta... [Válasz erre...]

Köszi a jelzést, javítottam.

yoen írta... [Válasz erre...]

Szia WL!
Ismét egy jó ötlet, köszönöm!
Sikerült beépítenem, a kérdésem az, hogy melyik részeket kell kitörölni - gondolom, a txt-ben mentett, és a tárhelyről az oldal kódjába belinkelt - scriptből, hogy a dátum és a címkenév ne legyen ott, csak a bejegyzés címe?
Remélem, nem kértem túl nehéz, a képességeimet meghaladó dolgot!
:)
Üdv, yoen

Lalo írta... [Válasz erre...]

Kedves Wise Lady!

Nagyon ötletes ez a Beautiful Beta script.

A felhasználásához a következő egyszerűsítéseket javaslom:

1) Nem feltétlenül kell piszkálni a blog HTLM kódját - a tartalomjegyzék formázás nélkül is kiválóan működik, tehát akkor a 4. és az (első) 5. lépés kihagyható.

2) Ha nem egy bejegyzést (amit aztán az elsővé kell tenni a dátum átírásával), hanem egy oldalt használunk fel a szükséges htlm kód bevitelére, akkor leegyszerűsíthetjük a (második) 5. lépést és nagyon leegyszerűsödik a 6. és a 7. lépés.

Üdvözlettel: Lalo

Wise Lady írta... [Válasz erre...]

@Lalo
Köszönöm a hasznos kiegészítést, valóban úgy van, ahogy írod. Amikor a bejegyzés született, még nem volt az oldalak készítésére lehetőség a Bloggerben. Bár azt is tudjuk, hogy az oldal sem más, mint egy bejegyzés, amiről eltüntették a sallangokat.

Anya írta... [Válasz erre...]

Szia Wise Lady!
Köszönöm a scriptet, nagyon hasznos számomra. Mindkét módon megcsináltam, úgy is, de nálam 2010. 04,07 bejegyzéstől rakja be a linkeket. Januárban készült a blogogm, és amit április 7. előtt jegyeztem be azt nem teszi be a tartalomba. Mi lehet a hiba?
Macus

Anya írta... [Válasz erre...]

És azt elfelejtettem, hogy a tartalomjegyzék csak a Google Crome-val működik, a firefoxal, és az explorerrel nem.

Wise Lady írta... [Válasz erre...]

@Anya
A tartalomjegyzék mindhárom böngészővel működik. Itt láthatod az enyémet, minden böngészővel fogod látni.
http://www.wiselady.hu/p/tartalom.html
Ha nem látod ezt sem, akkor a böngészőket kell újabb változatra frissítened.
Azt, hogy miért nem látszanak az első bejegyzések: mindjárt megnézem a blogod, és válaszolni fogok.

Wise Lady írta... [Válasz erre...]

@Anya
Sajnos nem tudom megnézni, mert nem írtad meg a blogod címét, a profilod pedig nem nyilvános. Írd meg a címet légyszi.

Anya írta... [Válasz erre...]

Kedves Wise Lady!
Úgy csináltam mindent ahogy leírtál, utána pedig úgy, hogy egy új oldalra illesztettem be a scriptet. De csak a chrome-val láttam a tartalom jegyzéket. Viszont ma reggel amikor beléptem, már azzal sem jelent meg. Megcsináltam újra, akkor megint működött, aztán délután amikor újra beléptem megint nem. A tiedet látom mindhárom böngészővel, ezért kérdeztem, hogy mit rontok el? Lehet, hogy egy másik sablon kellene, bár ez blogger sablon. A címe http://kisjatekok.blogspot.com/
Köszönöm a segítséget. Macus

Latsia írta... [Válasz erre...]

Kedves Wise Lady!

Nagyon nagyon szépen köszönöm, hogy segítettél, időt és fáradtságot nem kímélve.
Nagyon hasznos és jó az oldalad, de mi akik teljesen amatőrök vagyunk, nekünk nagyon sokat számít az is, hogy ilyen kedvesen és kitartóan segítesz is, amikor elakadunk, vagy el sem tudunk indulni!:-)
Latsia

krisssz írta... [Válasz erre...]

Ez szuper, nagyon köszönöm a leírást. Me is tudtam csinálni, egy gond van vele, nem látszik a teljes táblázat. Segítenél, hogy hogyan javíthatnám ki? http://krisssz.blogspot.com/2007/06/tartalomjegyzek.html
Köszönöm:)

Wise Lady írta... [Válasz erre...]

@krisssz
Azért nem látszik, mert nem elég széles a sablonod. Nagyobbítani kell.
http://www.bloggersbloggers.com/2010/01/minima-sablon-szelesitese.html

krisssz írta... [Válasz erre...]

Köszönöm szépen, sikerült:))

Névtelen írta... [Válasz erre...]

Szia

Az lenne a kérdésem,hogy elhelyeztem a blogomban a tartalomjegyzéket,minden kituno és előre isköszönöm.
Annyi lenne csak a problémám,hogy a blogomon ha rakattintok a tartalomjegyzékre csak x szamu bejegyzes jelenik meg,
Tehat a blogom és a bejegyzések 2010.03.02án kezdődtek,és napi frissités van jelen az oldalon,kb 4-4500 bejegyzéssel,ebből 500 kb ami 2011-ben.Na most a tartalomjegyzék csak a 2011.02.04 ei és azota bejegyzett dolgokat látja,de ez is tetemes.
Lehet hogy ebben van valami tiltas hogy csak pl 500 bejegyzest mutat?
Kérlek ha teheted segits,mert igy az oldalbol kifolyolag elég furin jön le a szitu a latogatok szamara.
Előre is köszönöm

http://csudafilmek.blogspot.com/

a blogom,a jobb oldalsav tetejen lesz a tartalomjegyzék képe.

KÖszi előre is

Wise Lady írta... [Válasz erre...]

@Névtelen
A maximálisan megjelenített címek számát a második kódban találod:

max-results=999

a számot kell átírnod.

Névtelen írta... [Válasz erre...]

Szia

annyi lenne hogy hiába irom at a megjelenitett cimek számát,most 9999en van,probaltam hogy átirtam 5000re,nem jo,de az összes 2011es bejegyzés megjelenik,csak a 2010esek nem.mondom ha tudsz kukkold meg az oldalt láthatod hogy vannak bőven bejegyzesek 2010ben is,valami mas megoldas?

Grinderbar írta... [Válasz erre...]

Köszönöm sikerült!

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-