Header Ads

Starta med en extra stor versal



Vill du starta dina blogginlägg med en extra stor versal?

Här är en enkel kod som du kan lägga in i din bloggs inläggsformatering så att den finns där varje gång du skriver ett nytt inlägg.

Så här gör du:
Gå till din bloggs Inställningar, Formatering.


Längst ner på sidan finns en ruta som heter Mall för inlägg. I den rutan lägger du in följande kod:

<span style="float:left;color: #000;background:#fff;line-height:80px; padding-:1px 5px 0 0; font-family:times; font-size:100px;">Första bokstaven</span> 


I den här koden kan du byta färg på din bokstav och lite annat

Bokstavsfärg:     color: #000;
Bakgrund:           background: #fff;  (radera fff om du vill ha genomskinlig bakgrund)
Font:                    font-family: Times;
Bokstavsstorlek:  font-size: 100px

Spara din inställning men byt inte ut Första bokstaven ännu.

Gå sen till Nytt inlägg och klicka på Redigera HTML


Nu finns din kod där i rutan. Fyll i din första bokstav och skriv resten av ditt inlägg direkt efter koden. Du kan förstås byta till Skriv-läget så fort du fyllt i din bokstav. 

Om du vill redigera utseendet på bokstaven kan du göra det direkt här i inlägget också, välj bara Redigera HTML igen.

Spara ditt inlägg som vanligt. Nu börjar ditt inlägg med en stor, snygg bokstav.
Om du bara vill testa i ett enda inlägg lägger du in koden direkt i ditt inlägg, i Redigera HTML-läget.

15 comments:

  1. Snyggt!
    Hur får man till datumet så där snyggt?

    Kram Karin

    ReplyDelete
  2. Det här är en designad mall som jag laddat hem, jag har inte fixat det själv ;-) Det kräver en del kodande för att få till det.

    ReplyDelete
  3. Kan nån hjälpa mig. Sen jag började ändra om på min blogg så fick jag ett problem som säkert är lättlöst men jag får det inte fixat.
    Det stör mig att jag har fått denhär meningen ovanför mina inlägg: "upplagd av..." Hur får jag bort den?

    ReplyDelete
  4. Om du inte får bort funktionen via blogginläggs-gadgeten (det är där man styr vad som ska stå ovanför och under varje inlägg)så kan du gå till din bloggs kodmall och titta under själva kodmallsrutan. Där står det "Återgå till mallstandardinställning för gränssnittskomponent"
    Klicka där så ska du själv kunna styra allt via inläggs-gadgeten igen.

    Glöm inte att hämta hem en kopia av din mall först bara - för säkerhets skull om fler saker än du tänkt återgått till grundinställningarna.

    ReplyDelete
  5. Tusen tack. Det blev ju perfekt! Tackar såå mycket för hjälpen!:D:D:D

    ReplyDelete
  6. Namn: Jörgen BergströmFebruary 17, 2010 at 1:29 PM

    Det funkar riktigt bra! Tack för tipset! Men, om jag skickar ett inlägg från mobilen, eg. ett mail. Då vill inte formateringen slå igenom. Går även det att få till?

    Mvh
    Jörgen

    ReplyDelete
  7. Det funkar inte för mig. Jag ser att det är stora bokstäver när jag ska börja skriva inlägget, men när jag sedan publicerar det blir det liten bokstav.

    ReplyDelete
  8. Jörgen, jag vet faktiskt inte. Jag har inte ens en mobil så jag kan testa - tyvärr.

    ReplyDelete
  9. Hej! Tack för all hjälp man får här. Jag undrar bara; Jag har ändrat till "uppdaterad redigerare" för att kunna få mina bilder i inlägget där jag vill osv. Nu är det bara ett problem... När jag ska göra ett inlägg står datorn bara o tänker, jag kommer ingen vart. En sån där rund grej i mitten står bara o snurrar... Har loggat ut o loggat in igen, det hjälper inte. Tacksam för svar!! systrarnaek@hotmail.se Mvh SysE

    ReplyDelete
  10. Testade igen. Det går att skriva in en titel, men inget annat...

    ReplyDelete
  11. Blogger hade problem igår, det var tydligen lika för alla. Hoppas det funkar idag, jag har inte testat ännu :-)

    ReplyDelete
  12. Vad är "uppdaterad redigerare"? Vill också kunna flytta bilderna. hur gör jag? :)

    ReplyDelete
  13. Hej!
    Vi är ny här på blogspot och förstår oss inte allt på hur man gör, vad vi har för fundering nu är hur man gör visningsbilden större?
    Mvh Hlifeofnorrland

    ReplyDelete
  14. Lägg in följande kod precis före ]]></b:skin>

    (sök med Ctrl och F som ger en sökruta där du kan fylla i ovanstående och trycka enter. Då hamnar du rätt direkt)

    .Profile img {
    width: 150px;
    height:150px;
    }

    Byt ut vidd och höjd till rätt mått för din bild (se till att behålla proportionerna)

    ReplyDelete

-------------------------------
Lämna gärna en hälsning! Har du en bloggfråga är du välkommen att ställa den på vårt forum. På så vis kan fler svara alternativt få hjälp om de har samma problem. Tack!
Du hittar en länk till forumet högst upp till vänster här på Fixabloggen.
-------------------------------