2010. november 8., hétfő

Tippek-trükkök blogszerkesztéshez 2.

Folytatom az előző bejegyzésemet. Nézzünk néhány példát sablonunk kiválasztására:

Üzleti sablon:

Ez egy kimondottan "céges" sablon, visszafogott a színvilága, egyszerű és átlátható a szerkezete, mellőz mindenféle sallangot. A fejlécben átírhatjuk a Company Style szöveget a cégünk nevére, alatta pedig feltüntethetjük a szlogenünket. A képet is mi választhatjuk meg, például egy szép képet a céges épületről,  vagy a szolgáltatásról, termékről, a kép mellé pedig beírhatjuk a cég profilját.

Személyes sablon:

Ez a sablon egy elég egyszerű, mégis aranyos kinézetű, inkább személyes naplónak való. A változtatás lehetősége ennél sokkal korlátozottabb, mivel a fejléc eléggé összefüggő (égbolt, felhők, madár). Ezt azoknak ajánlom, akik nem igazán akarnak változtatgatni a sablonon.

Romantikus sablon:

Ezt a sablont tipikusan esküvői blognak tudnám elképzelni, mondjuk barátnőmnek, aki jövő augusztusban megy férjhez. Le tudná írni benne naplószerűen az esküvői előkészületeket, a szervezést, a ruhát-cipőt-gyűrűt-csokrot-menüt-zenét-dekorálást, stb. Ennél is elég korlátozott a fejléc változtatása. Aki saját képet szeretne fejlécként, az ne ezt a sablont válassza.

Képvetítős-fejléces sablon:

A sablon színei kissé "agresszívek", de például egy rajongói-oldalnak remekül beválhat. Például film/zene/számítógépes játék témájúaknál. Rögtön a szemünk elé tárul egy egész nagyméretű kép, és mellette is látunk kisebb képeket, mellette a szöveget. Ami nagyon tetszik, az az, hogy diavetítés-szerűen váltakoznak a képek, és alá is kerül a szöveg, amit a képről írunk. Más színsémával egyébként akár egy családi blog is lehetne... :) Tehát ha a képeket kicseréljük a sajátjainkra, máris személyesebbé vált a blog. A kép cseréjéről az alábbiakban bővebben írok.


KÉP MEGVÁLTOZTATÁSA:

Itt kitérnék jobban a kép változtatására. A HTML-kódban találunk olyan szövegrészeket, amik linkek (tehát úgy kezdődik, hogy: src='http://www/. ...' vagy url (http://www/. ...). Ezeket a képeket úgy tudjuk megnézni, hogy kimásoljuk a kódból (a http-s résztől kezdve, az aposztrófok közötti szöveget), beillesztjük a böngészőnk címsorába, enter, és megnyitja a képet. Ez alapján tudjuk kiválasztani, hogy melyik képet akarjuk lecserélni a saját képünkre.
Az eredeti képet kitöröljük, és az új kép linkjét bemásoljuk. Igen ám! Ehhez viszont fel kell töltenünk az új képet az Internetre. Beírjuk a google keresőbe, hogy "képfeltöltés". Rögtön kidob egy csomó oldalt, ahová ingyen feltölthetjük a képeinket, itt van mindjárt a Képfeltöltés.hu .



Regisztráció és bejelentkezés nélkül tölthetünk fel képeket, és ha kivesszük a pipát a publikus mellől, akkor nem fogja ország-világ is látni. :) Ezután, ha a lap aljára megyünk, és kimásoljuk a "Direkt link a képhez" alatti szöveget (linket), akkor meg is van a kép elérési útja, amit bemásolunk a HTML-kódba (az src vagy az url után), és megjelenik az új képünk a blogban, miután rákattintottunk a sablon mentése gombra.


Kékkel kijelöltem a kép linkjét, ezt cserélhetjük le

Folytatása következik.!

Latsia írta megjegyzésként: "Szia! A kész sablonok színeit is megváltoztathatjuk, sőt szinte mindent rajta, tehát pld. az "agresszív" színű sablon is lehet pasztell, és akkor ahogy írod is, családi blogként is működik. "

Erről bővebben írok majd!

Tippek-trükkök blogszerkesztéshez 1.

Kicsit más témát szeretnék most kivesézni, ha nem bánjátok! A blogszerkesztésről szeretnék írni, habár még én is igen csak tanulom (teljesen magamtól), de már eljutottam odáig, hogy az alapokban tudok segítséget nyújtani.
Ha észrevettétek (aki régebben is járt nálam), megújulóban van a blogom. Már kicsit untam azt a narancssárga hátteret, aztán kísérleteztem a piros alapon pettyessel, epres fejléccel, de valahogy nem voltam azzal sem elégedett.
A blogsablonokat többféleképpen is kiválaszthatjuk az oldalunkhoz:

1. A legegyszerűbb az, amikor a blogger-en vagy a blogspot-on lévő oldalunkon beépített sablont használunk: a Tervezés-en belül használjuk a Sablontervezést (Blogger Sablontervező).
Itt nagyon sok sablont találunk, amit még jobban testreszabhatunk háttérkép kiválasztásával, vagy azzal, hogy hány hasábból álljon az oldal, vagy a színséma és a betűtípus megváltoztatásával, stb.


Blogger Sablontervező
 
Mielőtt megváltoztatnánk a sablonunkat, lehetőségünk van arra, hogy elmentsük a jelenlegit, amit érdemes is megtennünk: Tervezés/HTML-kód szerkesztése/Sablon biztonsági mentése és visszaállítása/Teljes sablon letöltése menüpontban.
 
 
 
2. Le is tölthetünk ingyenes (vagy fizetős) sablont (angolul template). Az ingyenest ajánlom első körben, főleg, ha csak saját örömünkre űzzük a bloggerkedést. :) Én úgy kerestem sablonokat, hogy beírtam a google keresőjébe: "blogger free templates"
Egész sok találatot adott ki, amiből az elsőt ki is próbáltam:
Ezen az oldalon az ingyenes sablonok száma 2600 körül mozog. Mielőtt letöltenénk, megnézhetjük az úgynevezett Demo változatát: a sablont új ablakban megnyitja, ahol megnézhetjük a dizájnt, a felépítését, a színsémákat, a betűtípusokat stb.
 
 
Blogger Templates főoldala

A főoldal közepén függőlegesen (narancssárga Templates felirat alatt) beállíthatunk egy szűrőt is, aszerint, hogy pl. hány hasábos felépítést szeretnénk, vagy hogy mi legyen a fő színe az oldalnak, vagy hogy fix legyen a szélesség, vagy változó...
Ha sikerült kiválasztanunk a nekünk tetsző sablont, akkor a Download gombra kattintva menthetjük. Egy tömörített fájlt kaptunk, amit ki kell csomagolnunk. A .xml kiterjesztésű fájlt kell kiválasztanunk a Tervezés/HTML-kód szerkesztése/Helyi számítógépen tárolt sablonfájl feltöltésénél. És máris az új sablon lép érvénybe.
Innentől kezdve szerkesztgethetjük a HTML-kódunkat, cserélgethetjük a beépített képeket (így lett nekem is saját, egyedi a fejlécem), átírhatjuk a beépített szövegeket, méreteket változtathatunk meg, stb.
Ha valaki nem igazán ért a HTML szerkesztéshez, annak javasolom, hogy mindenképpen mentse a sablont (Tervezés/HTML-kód szerkesztése/Sablon biztonsági mentése és visszaállítása/Teljes sablon letöltése menüpontban), mert ha valami mégsem úgy sikerülne, ahogy elterveztük, nehéz lenne visszaállítani. Így meg bátran kísérletezhetünk!
 
További honlapok, ahonnan ingyen tölthetünk le sablonokat:
Itt csak 90 ingyenes sablont találtam, de itt is megnézhetjük a sablonok Demo változatát, szűrőt állíthatunk be a gyorsabb keresés érdekében, és letölthetjük a sablont természetesen.
A neve is jelzi, hogy 120 sablon közül válogathatunk. Van átfedés szerintem az oldalak sablonjai között, de minimális. Itt a letöltés nem tömörített fájl formájában valósítható meg, hanem ctrl+c, ctrl+v megoldással (a sablonok alatt a Download link gombra kattintva megjelenik a sablon HTML-kódja). Itt is nagyon klafa sablonok vannak :)
Ezen kívül még nagyon sok oldalon találhatunk sablonokat, érdemes a google-ba beírni!
 
Viszont nem egyszerű kiválasztani a rengeteg közül az "Igazit"! Nézzünk néhány szempontot:
 
  • Függ attól, hogy milyen témájú az oldalunk. Ha hivatalos, ha hobbi-témájú, ha üzletet/pénzt akarunk belőle kihozni, vagy ha személyes jellegű, akkor más-más sablon lesz a számunkra megfelelő.
  • Ha még nincs kész a blogunk, rajzoljuk fel a vázlatát/felépítését! Kezdve a fejléctől, a hasábokig, a bejegyzésektől a láblécig.
  • Ne feledjük: a kevesebb sokszor több! Törekedjünk a könnyű áttekinthetőségre! (A szerkezetet olyanná alakítsuk vagy olyat válasszunk, hogy első ránézésre tudják, mit merre találnak az oldalunkra látogatók.)
  • Ha publikus oldalt szerkesztünk, akkor figyeljünk arra, hogy első látásra jó benyomást keltsünk a látogatóinkban a kinézettel, mivel így nagyobb a valószínűsége annak, hogy tovább maradnak az oldalunkon, és megnézik a tartalmat.
  • Amennyiben még nincs tapasztalatunk a blogkészítésben, azt javaslom, először nézzünk körül az Interneten, hogy mások milyen bloggal rendelkeznek! De fontos: ne koppintsuk le másét, legyen a blogunk lehetőleg egyedi! (Habár ezeknél az ingyenes sablonoknál előfordulhat, hogy véletlenül hasonlót használunk mással, de ettől még a miénk a testreszabás által teljesen eltérővé válhat.)
Folytatás következik!