Így neveld a blogodat

Mielőtt belevágnánk a kódolásba, ismerkedjünk meg jobban a platformmal, amit mindannyian használunk. Kötetlen sorrendben végigmegyünk a Blogger menürendszerén, és megnézzük, mit lehet kihozni belőle anélkül, hogy bármit is értenénk a HTML-hez. Tekintsétek ezeket a bejegyzéseket egyfajta főpróbának. Utána jön a webprogramozás minden ízével és szépségével. Beállítások menü használata: alapok A menüsor legalján található a Beállítások menüpont, ami sokkal több kincset rejt magában, semhogy hagyjuk parlagon heverni. A legtöbb blogger(ina) nem vesztegeti rá az idejét, úgy hagyja, ahogy a Google elkészítette. Mi ne legyünk ilyen lusták, áldozzunk rá egy kevés időt, hogy kiismerjük! A blogunk meghálálja. Az első pont az Alap beállítások lesznek, ahol a blogunkkal kapcsolatos legalapvetőbb dolgokat menedzselhetjük. Itt módosíthatunk olyan dolgokat, mint a blog címe, URL-címe, kik olvashatják, ki(k) a szerző(k). Nézzük is sorjában! Alap: ez a menüpont három beállítást tartalmaz:

Probléma Az előző részben végigvettük, hogyan lehet gombhatású linket létrehozni. Ezen cikket megelőző alapozóban pedig szó esett a CSS változó elemek használatáról. Most kísérletet teszünk arra, hogy ezt a két tudást vegyítve egy könnyen adaptálható, programozói tudás nélkül is testreszabható gombot készítsünk. Megoldás menete Az eddig elkészített kód bonyolult, "fecsegő". Nagyon sok ismétlést tartalmaz, ezért szikárabbá tesszük. Béna angol szóviccel élve: kiszárítjuk. Ez a programozás egyik kedvenc technikája, a "Don't Repeat Yourself", azaz "Ne ismételd önmagad" rövidítéséből jön ( DRY, angolul "száraz" ). Ennek ellentettje a WET, azaz "Write Everything Twice" ("Írj mindent kétszer"), mások szerint pedig "We Love/Like Typing" ("Imádunk gépelni") stílusú kód. Sajnálom, tudom, hogy eddig nem készített fel titeket senki erre, de a programozóknak ritka rossz a humorérzéke. Ennél csak borz

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

Probléma Az iniciálék igazán akkor erősek, ha más betűtípussal írjuk őket. A böngészők alapértelmezetten igen kevés, úgynevezett, "web-safe" fontot támogatnak, főleg a különleges betűtípusok terén kicsi a választék. Ha egyéni kinézetre van szükségünk, magunknak kell utánajárnunk és beillesztenünk a kódba. Megoldás menete Senkit se ijesszen el a cím háttere, a cikk azért kapott "közepes" besorolást, mert sok pepecseléssel jár egy igazán egyedi font beillesztése, de nem nehéz. Főleg, ha van Dropbox felhasználónk. Az elméleti háttér egyszerű: egy helyen belenyúlunk a kódba, és manuálisan hozzáadjuk a kérdéses betűtípust, majd átnavigálunk oda, ahol használni akarjuk, és az előző cikkben látott font vagy font-family tulajdonságnál beállítjuk az adott szövegre vagy betűre. Több lehetőségünk van, attól függően, web-safe fontot akarunk beágyazni, Google Fontokat használunk, vagy valami még ennél is egyedibbre van szükségünk – akár magunk szerkesztette fo