Így neveld a blogodat

Sablon formázási lehetőségek A Blogger rendszerében a sablont alapvetően kétféleképpen szabhatjuk testre: egyik megoldás a Személyre szabás almenü használata, ahol nagyon sok részt, mint a háttér, linkek színe, bejegyzés szövegének betűtípusa stb. tudunk állítani. Ugyanitt használhatunk CSS-kódokat is, ha ennél specifikusabb beállításokra van szükségünk. Ez már igényel némi rutint, és az egyszeri felhasználó könnyen egy átláthatatlan CSS-útvesztőben találhatja magát. Ennél is több lehetőséget rejt magában a HTML-kód szerkesztése , ahol lényegében bármit megváltoztathatunk. Ehhez már mindenképpen kellenek előismeretek, HTML és CSS tudás nélkül senki ne vágjon bele! (Kivétel ha van egy egyértelmű leírása, mit és hogyan csináljon. Meg vannak biztonsági mentései.) Röviden ennyi a "kódolt" (vagy "kódos") dizájn: minden, amihez kell némi gépelés. Értehető, hogy vannak különféle szintjei, hiszen az is kódos designnak számít, ha hozzáadunk a blogsablonhoz egy saját

Bár a cím nagyon technikainak hangzik, semmi elérhetetlen nem lesz ebben a rövid cikkben. Cserébe viszont úgy érezhetjük magunkat, mint egy igazi webdesigner, mert pár olyan alaptrükköt nézünk meg, amit a profik is nap mint nap használnak. DOM Az első a DOM-vizsgálat , ami lényegében a HTML kód böngészését jelenti. A DOM a Document Object Model rövidítése, és az oldalt felépítő elemek elrendezését tartalmazza. A DOM-ra úgy szokás tekinteni, mint egyfajta HTML-elemeket tartalmazó családfára. Az egymásba ágyazott elemek esetén a külső entitás a szülőobjektum , a belső pedig a gyermek . Természetesen a gyerekelemeknek is lehet gyerekük, ami a legkülsőnek így az unokája lesz, ami így rendelkezni fog egy nagyszülővel is, és így tovább. Ha egy szülőnek két gyereke is van, azok egymás testvérei . Unokatestvért nem szoktak megkülönböztetni, ahogy nagybácsit/nagynénit sem (a HTML-objektumoknak nincs nemük, nehéz is lenne). Nem csak a szakzsargonban használják a DOM-fa kifejezést, a DOM-

A maratoni HTML alapozó után a CSS-t próbáljuk átvenni, ami szintén nem két perc lesz. Ígérem, most több képet hozok, és kevesebb lesz a szöveg, viszont így nehezebb lesz megérteni. A későbbiekben eleget használjuk majd ezeket, így ez csak egy rövid összefoglaló a legfontosabbakról. HTML formázások A szöveg nem mindig homogén massza, gyakran van szükség egyes elemei formázására. Ezt megtehetjük HTML-lel is, hogy az ismerős alapoknál maradjunk. Elterjedt formázások a szavak félkövérré alakítása és a kurziválás (dőlt betűk), ami rögtön össze is zavarja a kezdő szerkesztőt: félkövér kiemeléshez mind a b ( bold ), mind a strong használatos, ahogy a kurzív szöveget is elő lehet varázsolni az i ( italic ) és az em ( emphasized ) tagekkel. Melyiket használjuk? Nem mindegy! Oké, ránézésre mindegy. A b és i csak a megjelenését alakítja át a szövegnek, míg a másik két elemet a képernyőolvasó programok is felismerik. Emlékeztek az előző részben a webes akadálymentesítésre? Na, ez ug

Ahogy az előző alapozásban mondtam, az első cikk a HTML-ről fog szólni. Ehhez elhagyjuk a Bloggert, de előbb még nézzünk körül a Sablon menüben, és menjünk a HTML-kód szerkesztése pontra. Megnyílik a HTML-szerkesztő, és mindenhol színes kódok sorakoznak. (Ez az említett szintaxis kiemelés. Na, ezt veszítjük el most egy időre.) Nem kell belenyúlni semmibe, csak nézzük. Szokjunk hozzá, hogy kis gyakorlással mi is ilyeneket fogunk készíteni. Érezzük át a feladat súlyát, görgessünk a kód végére, nézzük meg a sorszámot, majd egy hirtelen mozdulattal zárjuk be az oldalt. Az Első lépések Nyissunk meg egy Jegyzettömböt, és kezdjünk neki az első HTML-weboldalunknak. Először mentsük el a semmit, méghozzá UTF-8 karakterkódolással (ez fontos! nélküle az ékezetes karakterek helyett mindenféle rondaság jelenne meg). Tegyük a kedvenc mappánkba, vagy akár az Asztalra, szóval ahol tárolni szeretnénk. Én javaslok egy külön mappát a HTML-kódoknak, hogy egy helyen tartsuk őket. A fájl neve lehe

Ha többre van szükségünk, mint a Blogger (vagy bármely más blogszolgáltató) által kínált egyszerű módosítások, kénytelenek vagyunk belenyúlni az oldal kódjába. Ehhez viszont ismernünk kell az azt felépítő nyelveket, különben csak kókányolás lesz az egész. Félreértés ne essék: úgy is lehet. Mindenhonnan összecsipegetett kódokkal "ide tedd, oda másold" leírások alapján az alap sablonokat kiegészítve is remek dizájnt lehet varázsolni. A gond ott kezdődik, ha ezt módosítani kell, mert nem működik, vagy nem úgy működik, amit mi szeretnénk. Sok dizájnnal foglalkozó blog tesz közzé kisebb kódokat, és gyakran le is írják, mely részek módosításával tudjuk cserélni a színeket, talán a méretekről is ejtenek pár szót; de ha komolyabb változtatásra van szükségünk, magunkra vagyunk hagyva. Ilyenkor vagy megalkuszunk, vagy némi kutatómunka után kijavítjuk, és reménykedünk, hogy jól csináltuk. Ám mi történik akkor, ha még egyedibb dolgokra van szükségünk? Nincs más, mint előre: vessük bele

Az előző cikkben átnéztük a Blogger rendszerbe történő bejelentkezést, az irányítópult felületét, és belenéztünk egy új blogba. Most lássuk a menüket részletesen! Blog áttekintés A felső és oldalsó menüsorok bejegyzés írásán kívül minden esetben fixek, így bármikor átugorhatunk másik pontra, elkezdhetünk bejegyzést írni, vagy épp megtekinthetjük a listát. Az irányítópultra való visszatérés és a blog megtekintése minden esetben elérhető. Áttekintés: itt némi statisztika és egy kevés segítség található. Valóban csak áttekintés, minden részlete külön megnézhető máshol, de ad egy átfogó képet a blogról, és jó nézegetni. Bejegyzések: na, a lényeg itt kezdődik! Itt kezelheted a blogposztokat. Listázza a címet, a szerzőt, milyen státuszban van (külön lekérhetőek a vázlatok és a közzétett bejegyzések), mutatja a kommentek, illetve posztokra lebontva a megtekintések számát. Bejegyzések Van külön kereső (címkékre is), a bejegyzések egyenként és csoportosan is kezelhetőek: adha

Blogger blog áttekintés Aki maga is használja a Blogger rendszerét, annak az Alapok: Blogger cikkek nem sok újat mondhatnak. Ez a két részes sorozat főleg azoknak készült, akik még csak most ismerkednek a Google blogszolgáltatójával. Ha rutinos bloggerhasználó vagy, nyugodtan ugorj más cikkekre! Neked talán a Tutorial posztjait javaslom, vagy más alapozó cikkeket. A Blogger alapozás első részében átnézzük a bejelentkezést és a Blogger fő moduljait. A következő részben ez utóbbiak kerülnek kifejtésre. Haladjunk hát sorjában! A Blogger használatához kell egy élő Google profil. A legegyszerűbb és leggyorsabb módszer egy GMail fiók készítése. Ezek után a blogger.com címen készíthetünk Blogger profilt. Két lehetőségünk van: ha rendelkezünk Google+ profillal, beléphetünk ezzel; Google+ profillal belépés a Blogger rendszerébe készíthetünk úgynevezett korlátozott Blogger-profilt, ami a Blogger rendszerén kívül nem használható (ezt később össze is köthetjük egy létező Goog