Keresés a blogban

2010. szeptember 2.

Static frontpage in Blogger - Statikus kezdőlap

A Blogger kódja igazából blogírásra van kitalálva, és nem honlap készítésre. A honlap annyival több, hogy ott a blog funkciót valójában a hírek megjelenítésére használjuk, és ezen kívül több statikus és dinamikus oldala is szokott lenni.
Valójában a blogspot blog is alakítható kódjában úgy, hogy képes egy honlap funkcióját is ellátni, bár profi honlap készítéséhez én mégsem ezt ajánlanám. A Bloggerben nem régen jelent meg az oldalak hozzáadásának a lehetősége, ahová tehetünk statikus tartalmat (pl. About - bemutatkozás), de tehetünk dinamikus tartalmat is (pl. Contact form - kapcsolat). Ezek azonban addig is elkészíthetőek voltak. Tulajdonképp írtunk egy bejegyzést, a megjegyzések, dátum, szerző stb. paneleket eltüntettük, és úgy dátumoztuk, hogy a legkorábbi bejegyzés legyen, majd kilinkeltük egy a fejlécben megjelenő linksávban. Nálam ebben a blogban pl. a Kapcsolat és az Archívum "oldal" így van megoldva.
Az újabban használható Oldalak létrehozása funkció pont ugyanezt csinálja, annyi a különbség, hogy nem nekünk kell kódolással a bejegyzést átalakítani, hanem beépítették az alapkódba, és mi csak használjuk. Ez tehát azt jelenti, hogy ezek most sem valódi oldalak, a szó hagyományos értelmében, hanem bejegyzésből átalakítottak. Ezért van az, hogy szerkesztéskor pont úgy is néz ki a szerkesztő ablak, mint bejegyzés írásakor szokott kinézni.
A honlapokon gyakran láthatjuk, hogy van valahány oldal, és külön egy, amely blogként működik.
A Bloggeren nekünk csak a blog van meg, de előfordulhat, hogy valaki azt szeretné, hogy a weboldal megnyitásakor a kezdőlap (Home) ne azonnal a blog legyen, hanem egy statikus oldal, és a navigációs menüben legyen egy link, amelyre kattintva jutunk el a tényleges bloghoz.
Ennek a megoldása is lehetséges a Blogger blogon, mégpedig többféle módon is. Én most egy olyat mutatok, amelyet bárki képes megcsinálni, ha lépésenként végighalad az alábbiakon.

Először is nézd meg, miről is van szó: DEMO

És most nézzük a megvalósítást:

  1. Készíts egy Új bejegyzést, ez lesz a statikus kezdőoldalad. Ha akarsz, adhatsz neki címet, ha nem, nem muszáj.
    A bejegyzésben szerkeszd meg a kezdőoldalad tartalmát. Pontosan ugyanúgy csináld, mintha új oldalt készítenél. Ha kész, Bejegyzés közzététele, majd újra nyisd meg Szerkesztésre.
    Kattints alul a Bejegyzés beállításaira, a Bejegyzés dátuma és ideje alatt válaszd az Ütemezett időpontot, majd írd át a dátumot valami távoli jövőbeli dátumra pl. 2050.09.01.
    Ezután ismét Bejegyzés közzététele.
    Ezzel azt értük el, hogy amíg el nem érkezik ez a jövőbeli dátum, addig mindig ez a bejegyzés lesz legfelül.
  2. Most menj ki a blogra, lapozz legalulra és kattints a Régebbi bejegyzések linkre.
    Másold ki azt az URL címet, amit a böngésző címsorában látsz. Így valahogy néz ki:
    http://3teszt.blogspot.com/search?updated-max=2050-09-01T00%3A47%3A00-07%3A00&max-results=5
    Másold az oldalsávomban lévő HTML átalakítóba, alakítsd át, ezt másold pl. egy Jegyzettömb fájlba, hogy meglegyen. Ezután változtasd át a 2050 számot (vagy amit te írtál) egy kisebb számra pl. 2049
    http://3teszt.blogspot.com/search?updated-max=2049-09-01T00%3A47%3A00-07%3A00&max-results=5
    A max-results=5 részben az 5 szám azt jelenti, hogy hány bejegyzés szerepel egy oldalon a blogban. Ezt átírhatod, amennyit te szeretnél pl. 8
    És mentsd el a txt fájlt.
    Ez a link lesz a blog, amely minden bejegyzést mutatni fog, amely 2049.09.01. ELŐTT íródott, tehát azokat is, amit 2049-ig ezután fogsz írni, meg amit már megírtál, szépen sorban, a legfrissebb legfelül. Nem fog látszódni viszont az a bejegyzés, amely ennél a dátumnál későbbre van beállítva, vagyis a statikus kezdőoldalad (2050).
  3. Most eltüntetjük a bejegyzésről azokat a részeket, amit nem akarunk látni a kezdőlapon.
    Nyisd meg újra a kezdőoldal bejegyzést és válts át HTML írásmódra.
    A bejegyzés legelejére másold be ezt a kódot:
    <style>
    #comments, .post-header, .post-footer, .feed-link, .feed-links, #blog-pager, .date-header {display: none;}
    </style>
    Tedd közzé ismét.
  4. Most elérjük, hogy a legelső bejegyzés, azaz a statikus kezdőlap látszódjon csak a kezdőlapon.
    Irányítópult -> Beállítások -> Formázás
    A legelső opciónál írd át az ott lévő számot 1 számra.
    Megjelenített elemek maximális száma: 1 bejegyzés a főoldalon.
    Mentés
  5. Végül kilinkeljük a navigációs sávra a Kezdőlapot és a Blogot.
    Ha van ilyened, azaz egy linksáv, akkor csak a linkeket kell átírnod, ha nincs ilyened, akkor készítened kell egyet. A vízszintes így készül. Az oldalsávba is készülhet navigációs linkoszlop.
  6. A linkek beírása így történik:
    <div id='linknavbar'> <ul id='linknav'> 
    <li> <a href='#'>Link1</a> </li> 
    <li> <a href='#'>Link2</a> </li> 
    <li> <a href='#'>Link3</a> </li> 
    <li> <a href='#'>Link4</a> </li> 
    </ul> 
    </div> 
    
    Első link:
    A # helyére írd: http://ateblogod.blogspot.com/
    A Link1 helyére írd: Főoldal vagy Kezdőlap vagy Home stb.
    A másik link lesz a blog:
    A # helyére írd: Azt a linket, amit a txt fájlban elmentettél:
    Ez nálam ilyen:
    http://3teszt.blogspot.com/search?updated-max=2049-09-01T00%3A47%3A00-07%3A00&max-results=5
    A Link2 helyére írd: Blog vagy Hírek stb.

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

8 megjegyzés:

Bombadil Toma írta... [Válasz erre...]

help!
elkezdtem megcsinálni a festős blogomat ilyenre, de egyszerűen nem akarja elfogadni a blog-linknek, a "régebbi bejegyzések" url-jét ezt írja ki:
"A sablonod formázási hiba miatt nem értelmezhető. Győződj meg arról, hogy a sablonban az összes XML-elem megfelelően le van zárva.
XML-hibaüzenet: The reference to entity "max-results" must end with the ';' delimiter."

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

Nekem nagyon tetszik ez a lehetőség,meg is csináltam,de aztán visszaállítottam mindent.
A Windows Live Writert használom szerkesztéshez és nem tudta beolvasni a sablont.Többször kísérleteztem vele...amikor visszaállítottam,akkor símán beolvasta.
Ha először beolvastatom a sablont és utána állítom át a statikus kezdőlapot,akkor nincs baj,de egy esetleges rendszertelepítés után már nem tudja beolvasni.
Remélem segítek ezzel az észrevétellel,jó munkát mindenkinek!

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

@Erika
Nagyon hasznos infó, köszönöm!

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

Nálam is működik, köszönöm. De kitaláltam még valamit: nyitottam egy blogot - egy főblogot -, és nyitottam még további blogokat, mint különálló oldalakat, amelyek egy-egy kategóriát fognak szolgálni a főblogon belül. Ezeket a blogokat iframe kóddal beillesztettem a főblogba oldalakra, ezeken belül eltüntettem a navbart, hogy szebb legyen, de az azon található funkciókat, mint "Új bejegyzés", "Tervezés", stb. kilinkeltem a beillesztett blogokra. Majd a blogokat tartalmazó oldalakat kilinkeltem a főblogba. Így minden kategóriának lesz egy teljesen új oldala, amit egy blogból, ugrálás nélkül el lehet érni. Így akár több blogot is egybe lehet nyitni. Ha csak a főblogot jelentetem meg a profilomban és teszem elérhetővé a keresőkben, akkor arról az egy oldalról mindegyik látható-elérhető. A modulokat is ebbe teszem - és itt jön a böki!

Mert ez jó is volna, ha vadonatúj blog volna mind, de az egyik már régen megvan, 47 követővel, és nem tudom azt megoldani - a Google Connecttel sem -, hogy az abban lévő "Rendszeres olvasók" modult a főblogban jelenítsem meg, hiába írtam át az IP-t. Nem tudnál-e ebben segíteni, mert jobb szeretném, ha a főblogban lehetne rákattintani a követésre...

Na, de itt a link az oldalamhoz, ha nem volt teljesen világos esetleg, amit itt összehordtam:

http://egosumresurrectioetvita.blogspot.com/

Köszönettel,
Marianna

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

@von Birken
Attól tartok, ebben nem tudok segíteni. A követők modul mindig egy adott bloghoz tartozik, nem hiszem, hogy egy másikba áthelyezhető.

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

Kedves Wise lady,
nem kifejezetten ehhez a bejegyzéshez kapcsolódik, de ebben találtam egy félmondatot: "Tulajdonképp írtunk egy bejegyzést, a megjegyzések, dátum, szerző stb. paneleket eltüntettük..." éppen ezt szeretném én is, hogyan lehet ezt megcsinálni? előre is köszönöm, ha válaszolsz!

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

Hali. Ezzel a megoldással egyetlen gond van. Az archív posztok között benn lesz a 2050-es is. Sőt, a blog "lapozója" is el fog odáig jutni.

Van egy másik megoldás, ami ezeket kiküszöböli.

1. Először csináljuk meg a menüsorban a linkeket!
[div id='linknavbar'][ul id='linknav']
[li]
[a expr:href='data:blog.homepageUrl']főoldal[/a]
[/li]
[li]
[a expr:href='data:blog.homepageUrl + "/index.html"']blog[/a]
[/li]
(Természetesen nem szögletes zárójelekkel, hanem "kacsacsőrökkel. :XD)
Az első menüpont a statikus oldalra fog mutatni, ami még nem létezik, a másik menüpont pedig a blogbejegyzésekre.

A két hivatkozás amúgy "tök ugyanaz", csak a blognál ott van a /index.html

2. most menjünk be ide: Beállítások - keresési preferenciák - Egyéni átirányítások

és írjuk be ezeket:

Forrás: /
Cél: /p/fooldal.html
Állandó: Igen

és mentsük el!

Most amikor valaki beírja a blog címét, automatikusan át lesz irányítva a fooldal.html-re.

3. Az oldalak menüpontnál csináljuk meg a fooldal.html-t (Új üres oldal...)

4. Tehát:

http://ateblogod.blogspot.com/ át van irányítva a
http://ateblogod.blogspot.com/p/fooldal.html oldalra

http://ateblogod.blogspot.com/index.html pedig nincsen!

Kb. ennyi!

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

@szsz9006
Igen, valóban. Nagyon hasznos. Köszönöm!

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-