2009. július 8.

Blog bejegyzés címe

Megtaláltam a megoldást! :-)

Az egyik külföldi honlapon megtaláltam a betűtípus módosítás hatásos leírását.

Azaz most következik a leírása annak, hogyan változtathatod meg a blogbejegyzésed címének betűtípusát!

Magyarosítva a következő lépésekre lesz szükséged.

1. Válassz egy neked tetsző betűtípust. Bárhonnan!

Ingyenesen letölthető lelőhelyek:
http://www.1001freefonts.com/
http://www.dafont.com/
http://www.urbanfonts.com/
http://www.free-fonts.com/
http://kevinandamanda.com/fonts/fontsforpeas/ (a legcukibb kézírásos formák, rengeteg)

Mentsd le a gépedre és tömörítsd ki.



2. Generáljunk a betűtípushoz egy swf formátumot:

http://www.sifrgenerator.com/wizard.html


Kövesd a következő lépéseket:


  • Első lépés: Töltsd fel a lementett betűtípust (Tallózás) --> Next
  • Második lépés: sIFR 3 r436 kiválasztása --> Next
  • Harmadik lépés: Letters, digits and common other characters (@!#$%^ etc) --> Next
  • Negyedik lépés: beírod az ott látható 2 szót --> Next
  • Előnézet --> Next
  • Ötödik lépés: Download (letöltés) --> Next
  • Letöltődött az swf file-od a gépedre (valószínűleg az asztalon találod).

3. A következő 4 file-t is le kell töltened a gépedre (jobb gomb --> Hivatkozás mentése más néven):

sifr.css

sifr.js

blogger-sifr.js

index.htm


4. Most szükséged van egy hozzáférésre a Webs.com-on.

  • Adj egy felhasználónevet ÉS jelszót
  • Kattints Create a Website -ra
  • Második lépésnél: Select a Template for your Site ÉS Use Advanced (HTML) Mode.


  • Ha feltűnik a következő képernyő (nálam nem jelent meg), válaszd a No Cost beállítást, amúgy pedig a No thanks, continue.



  • Kattints az Edit My Site-ra és válaszd ki a Single File Uploader-t.
  • Töltsd fel az swf fájlodat és a 4 további fájlt, melyet előzőleg letöltöttél.
  • Ha mindet felöltöltötted, akkor kattints az swf file-ra és nyisd meg. Másold ki az url címet (ctrl+C).
  • Menj vissza a File Manager-be és kattints a blogger-sifr.js file neve melletti ceruzára. Ezzel megnyílik egy jegyzettömb, melyben szerkeszthetsz.
  • Megnyitáskor a következőt kell látnod:



  • A második sorban levő url-címet átírod a sajátodra (mivel előzőleg kimásoltad a ctrl+C-vel, most csak ctrl+V-vel be kell másolnod).
  • A színeket itt változtathatod:

css: ['.sIFR-root { color: #FA4C8C; font-size: 28px; font-weight: normal; }'
,'a { text-decoration: none; }'
,'a:link { color: #FA4C8C; }'
,'a:hover { color: #FA4C8C; }

Az elsőnél az általános szöveg színe szerepel. A másodiknál a link színe. A harmadiknál az a szövegszín szerepel, amikor az egér fölé ér. Általában az első kettő színe megegyezik, a harmadiké különbözik.

Ezen színkódokat (FA4C8C) neked megfelelően változtathatod. Itt találsz hozzá egy színkód generátort: color slider.

De ennél jobb a Firefox egy beépített modulja a Colorzilla. Ezzel bármely blogról, bármely webhelyről „leszedheted” a színeket!:-)

Játszhatsz még a betűméretekkel is. Ugyanígy 3 lépésben.

  • Amint készen állsz a beállításokkal mentsd le a bal sarokban található lemezkével.

Ha még más beállításokra is vágysz klikkelj az index.htm file mellett található cerkára. Itt megtalálhatod hogyan cserélheted a blog fejléced és leírásod betűtípusát és hogyan használhatsz több mint egy betűtípust.

  • Már csak annyi a dolgod, hogy beilleszd a következő kódot a blogod html-leírásába. Keresd ott meg a

szöveget (Ctrl+F-el keresgélhetsz a legkönnyebben, megjelenik alul egy sáv, ahova ezt a szót beírva már ott is leszel a megfelelő sornál).

E felett illeszd be a következő leírást:



A username helyére illeszd be az előbb létrehozott web felhasználónevedet.

Mentsd el, nézd meg!:-)



11 megjegyzés:

mammka írta...

Tündér vagy,már régóta ácsingóztam ilyen szabadkézi szép betűkre,de hogy meg tudom-e csinálni ezt a folyamatot,az eléggé kérdéses.:)
Ráérő időmben kisérletezni fogok.Lehet,hogy annyira nem is bonyolult....)

zazálea írta...

Öööööööööööööö... nagyon tudsz. Mi,sajnos,nem.de majd próbálkozunk. :o)))))A titkod azért érdekelne. :o)

Abile írta...

Tyűűűha! Ez nem kis meló! Köszönjük a részletes leírást! :o)

kacskaringopia írta...

Szia!Biztos tudsz nekem segíteni, mert látom, hogy a meez.com beli profilod képét belinkelted ide. Én is szeretném, de nem tudom hogy kell, hiába jelölöm ki a képet másolásra, szóval sehogy nem megy...Segítesz???:-)))

Ildikó írta...

Nagyon jó segítség! Köszönöm, hogy megosztod velünk!
Másra is kíváncsi lennék: hogyan varázsoltál "J" betűt a ronda "B" helyére a blogod címénél?
Kérlek, küldd el magánban, vagy tedd közzé, biztosan jól jönne másoknak is.
Arra is kíváncsi lennék, hogy a cimkéket hogyan lehet úgy rendezni, hogy ne lista legyen, hanem csak egy "szókupac", s azoknál a fogalmaknál, ahol több infó van, ott nagyon és vaskosabb a szó.
Köszönöm szépen előre is.
Ildikó
creativ.library@gmail.com

Cicurka írta...

Kedves Ildikó!
A mini J csak véletlen, eredetileg más volt ott. De ha szeretnél magadnak is egy mini ikont a címhez, akkor a már korábban leírtak szerint megteheted:
http://varazskucko.blogspot.com/search/label/favicons
A címkerendezésen még nem gondolkodtam, amint megvan a megoldás felteszem :-)
Nagyon szívesen! Bármi kérdésed van írj, és válaszolok. :-)
Szép napot!

Cicurka írta...

Mammka!
Bonyolultnak tűnik, míg el nem kezded. Ha mégsem sikerülne írj és megoldjuk!:-)

Cicurka írta...

Zazálea!
Nincs titok!:-)
Érdekel minden ami a blogszerkesztéssel, szépítéssel kapcsolatos és jó helyen keresgélek:-)

Cicurka írta...

Abile!
Nagyon szívesen!
Örülök, hogy a blogok hasznára vált!:-)

Cicurka írta...

Kacskaringopia!
Jó kis neved van!:-)
Szóval a meez-ről nem másolni kell a képet, mert úgy nem kel életre, hanem tégy a következőképpen:
Mikor készen vagy a Meezeddel, akkor Shop - Export - Get codes - HTML copy.
Majd belépsz a blogodba és ott az egyik oszlopba felveszed (Modul hozzáadása - HTML). Nyomsz egy CTRl+V (beillesztés)-t. Mented és már látod is:-)
Remélem segítettem!
Szép napot!

kacskaringopia írta...

Hú köszi, mindjárt kipróbálom!!!:-)))

LinkWithin

Related Posts Plugin for WordPress, Blogger...